skills.rest
jls42
jls42COMMUNITY
Explore all skills by this author →
WebsiteGitHub

Validateur d'Accessibilité

Audit web accessibility against WCAG 21 AA standards including keyboard navigation and color contrast.

1|Updated Sep 15, 2025
Search Tags:#inclusive design#accessibility#a11y#screen reader#keyboard navigation#frontend#ui/ux#wcag#color contrast
One-click install
npx skills add https://github.com/jls42/leapmultix --skill validateur-d-accessibilit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Validateur d'Accessibilité
Source: https://github.com/jls42/leapmultix/tree/main/.claude/skills/accessibility
Command: npx skills add https://github.com/jls42/leapmultix --skill validateur-d-accessibilit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Inaccessible web applications exclude users with disabilities, leading to a poor experience and potential legal issues. This Skill provides a comprehensive guide to validating and improving web accessibility according to WCAG 2.1 AA standards, ensuring your application is usable by everyone.

Core Features & Use Cases

  • WCAG 2.1 AA Compliance: Guides on implementing the four core principles: Perceivable, Operable, Understandable, and Robust, ensuring broad usability.
  • Keyboard Navigation & ARIA: Ensures all interactive elements are keyboard-focusable, have a logical tab order, and uses ARIA attributes correctly when native HTML semantics are insufficient.
  • Color Contrast & Alternatives: Enforces minimum color contrast ratios and requires alternative text for all images and media, making content accessible to more users.
  • Use Case: Before a major UI update, activate this Skill to perform an accessibility audit. You'll check keyboard navigation, color contrasts, screen reader compatibility, and responsive zoom, ensuring the new interface meets WCAG standards and is usable by all users.

Quick Start

1. Run automated accessibility audits (e.g., Lighthouse in Chrome DevTools).

2. Manually test keyboard navigation:

- Use 'Tab' to navigate all interactive elements.

- Use 'Enter' or 'Space' to activate buttons/links.

3. Verify color contrast using browser DevTools or online checkers.

4. Test with a screen reader (e.g., VoiceOver on macOS/iOS, NVDA on Windows).