| name | accessibility-a11y |
| description | Implementing WCAG accessibility guidelines, semantic HTML5, and screen reader ARIA roles. |
| allowed-tools | Read Write Edit Bash |
| license | MIT license |
| metadata | {"skill-author":"Lord1Egypt"} |
Accessibility A11Y
Overview
Accessibility (A11y) ensures that digital applications are usable by as many people as possible, including those with disabilities.
When to Use This Skill
Use to optimize web interfaces and guarantee WCAG AA/AAA compliance benchmarks.
Quick Start (with runnable code examples)
<!-- Good accessibility layout -->
<main>
<h1 id="main-heading">User Management</h1>
<button aria-describedby="main-heading" aria-label="Create new user button" class="btn">Create User</button>
<img alt="Portrait of Lord1Egypt" src="avatar.jpg" />
</main>
Advanced Usage
Create accessible modal focus traps, manage keyboard tabindex navigation, and integrate screen-reader dynamic announcements.
Key References
Dependencies