accessibility-a11y

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

• W3C Web Accessibility Guidelines

Dependencies

• None