Validateur d'Accessibilité
CommunityBuild inclusive apps, accessible to all.
Software Engineering#inclusive design#accessibility#a11y#screen reader#keyboard navigation#frontend#ui/ux#wcag#color contrast
Authorjls42
Version1.0.0
Installs0
System Documentation
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).
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Validateur d'Accessibilité Download link: https://github.com/jls42/leapmultix/archive/main.zip#validateur-d-accessibilit Please download this .zip file, extract it, and install it in the .claude/skills/ directory.