Accessibility A11Y

Implementing WCAG accessibility guidelines, semantic HTML5, and screen reader ARIA roles.

Lord1Egypt Updated 2 repo stars

File contents

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

  • None

Lord1Egypt/ai-skillforge/tree/main/js/skills/gemini/accessibility-a11y commit 36ac178ecb

Frequently asked questions

npx skillmds@latest add lord1egypt/accessibility-a11y-2