Skip to content
alyn
LeoYeAI

Accessibility Compliance skill

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

$npx skills add LeoYeAI/agent-master-skills --skill accessibility-compliance
View this skill on GitHubLeoYeAI/agent-master-skills/skills/accessibility-compliance/SKILL.md
Pack stars
2,186
Pack installs
499
Alyn Score
54/99
Updated
5 days ago
License
MIT
– views – installs via Alyn

LeoYeAI

Accessibility Compliance

Install Accessibility Compliance

Pick your agent. Every command is ready to paste.

$npx skills add LeoYeAI/agent-master-skills --skill accessibility-compliance

The open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.

01

Install it

Run the command above, or upload the folder in Claude.

02

Ask naturally

Describe the task. Your agent loads accessibility-compliance when the request matches its description.

03

Name it if needed

If it does not trigger, say “use the accessibility-compliance skill”. In Codex, type $accessibility-compliance.

The skill itself

SKILL.md

FolderGitHub

Accessibility Compliance

Master accessibility implementation to create inclusive experiences that work for everyone, including users with disabilities.

When to Use This Skill

  • Implementing WCAG 2.2 Level AA or AAA compliance
  • Building screen reader accessible interfaces
  • Adding keyboard navigation to interactive components
  • Implementing focus management and focus trapping
  • Creating accessible forms with proper labeling
  • Supporting reduced motion and high contrast preferences
  • Building mobile accessibility features (iOS VoiceOver, Android TalkBack)
  • Conducting accessibility audits and fixing violations

Detailed patterns and worked examples

Detailed pattern documentation lives in references/details.md. Read that file when the navigation tier above is insufficient.

Best Practices

  1. Use Semantic HTML: Prefer native elements over ARIA when possible
  2. Test with Real Users: Include people with disabilities in user testing
  3. Keyboard First: Design interactions to work without a mouse
  4. Don't Disable Focus Styles: Style them, don't remove them
  5. Provide Text Alternatives: All non-text content needs descriptions
  6. Support Zoom: Content should work at 200% zoom
  7. Announce Changes: Use live regions for dynamic content
  8. Respect Preferences: Honor prefers-reduced-motion and prefers-contrast

Common Issues

  • Missing alt text: Images without descriptions
  • Poor color contrast: Text hard to read against background
  • Keyboard traps: Focus stuck in component
  • Missing labels: Form inputs without associated labels
  • Auto-playing media: Content that plays without user initiation
  • Inaccessible custom controls: Recreating native functionality poorly
  • Missing skip links: No way to bypass repetitive content
  • Focus order issues: Tab order doesn't match visual order

Testing Tools

  • Automated: axe DevTools, WAVE, Lighthouse
  • Manual: VoiceOver (macOS/iOS), NVDA/JAWS (Windows), TalkBack (Android)
  • Simulators: NoCoffee (vision), Silktide (various disabilities)

Tips for Accessibility Compliance

  • • Start a fresh session after installing so your agent picks up the new skill.
  • • It bundles reference files. The agent reads them only when needed, so they cost no context until then.
  • • It is part of a pack with 29 skills. Install only the ones you need with --skill to keep triggers precise.
  • • If two skills overlap, mention the one you want by name.

Questions about Accessibility Compliance

What does the Accessibility Compliance skill do?

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

How do I install Accessibility Compliance?

Run "npx skills add LeoYeAI/agent-master-skills --skill accessibility-compliance" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.

Does Accessibility Compliance work in Cursor and Codex?

Yes. Accessibility Compliance uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.

Is Accessibility Compliance free?

Accessibility Compliance is open source on GitHub under the MIT license. It is free to install; check the license before commercial use.

Who made Accessibility Compliance?

Accessibility Compliance is published by LeoYeAI in the LeoYeAI/agent-master-skills repository, together with 28 other skills.

Similar skills. From other creators.