wshobson avatar

Accessibility Compliance

This walks you through implementing proper WCAG 2.2 compliance with real code patterns for screen readers, keyboard navigation, and mobile accessibility. It covers the technical details like ARIA attributes, focus trapping, and contrast ratios that most developers skip or get wrong. The skill includes working examples for accessible buttons, modal dialogs, and forms with proper error handling. Most helpful when you need to audit existing interfaces or build new components that actually work with VoiceOver and TalkBack instead of just looking accessible.

skills.sh installs
15.2K
GitHub stars
42.4K
last updated
Aug 21, 2026

Install

$ npx -y skills add wshobson/agents --skill accessibility-compliance --agent claude-code

Installs into .claude/skills of the current project.

Files

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

Sponsors

Details

Repository
github.com/wshobson/agents
Categories
Mobile Development, Design & UI/UX, CLI & Terminal

More from wshobson/agents

All 174
1dart-lang avatardart-use-ffigendart-lang/skillsGuide agents to use `package:ffigen` to automatically generate FFI bindings instead of writing them manually. Use this skill when a task involves writing new FF13.1Kskills.sh installs
2dart-lang avatardart-setup-ffi-assetsdart-lang/skillsGuides agents in compiling and packaging C/C++ source code into dynamic or static libraries (Code Assets) using Dart's Native Assets hook system (via hook/build13.1Kskills.sh installs
3amazonappdev avatarvega-multi-tv-migrationamazonappdev/devices-agent-skillsMigrate Vega OS (Amazon Fire TV) applications to multi-platform React Native monorepo supporting Android TV, Apple TV, and other platforms. Covers analysis, imp11.2Kskills.sh installs
4github avatarfolder-structure-blueprint-generatorgithub/awesome-copilotComprehensive technology-agnostic prompt for analyzing and documenting project folder structures. Auto-detects project types (.NET, Java, React, Angular, Python9.5Kskills.sh installs
5agricidaniel avatarseo-technicalagricidaniel/claude-seoTechnical SEO audit across 9 categories: crawlability, indexability, security, URL structure, mobile, Core Web Vitals, structured data, JavaScript rendering, an8Kskills.sh installs
6affaan-m avatardocker-patternsaffaan-m/eccDocker and Docker Compose patterns for local development, container security, networking, volume strategies, and multi-service orchestration.7.7Kskills.sh installs