Skip to content
Get packs

Accessibility Compliance

Guides building and auditing WCAG 2.2 accessible interfaces, ARIA patterns and mobile screen reader support.

Source Download skill
Repository
wshobson/agents
Stars
42,095
Licence
MIT
Files
5 files

What it does

When installed, the agent gains a checklist-style guide for making websites and apps usable by people with disabilities. It knows about WCAG 2.2 success criteria, keyboard navigation, focus management, ARIA roles and labels, screen reader support on iOS and Android, and reduced-motion or contrast preferences. It can review code or designs for common accessibility problems and suggest fixes, and it points to reference files with worked examples when deeper detail is needed.

Great for

  • Front-end developers who want accessibility checks built into their coding help
  • Designers or product teams preparing an accessibility audit of an interface
  • Teams building mobile apps that need VoiceOver or TalkBack support

Skip it if

  • Legal certification: the skill gives guidance, not a formal compliance sign-off, and it does not replace testing with real users with disabilities or a professional audit
  • Anyone expecting automated scanning of a live site: the skill only lists tools such as axe, WAVE and Lighthouse and does not run them itself

Try asking

  • “Review this login form for accessibility problems and fix the labeling and error messages”
  • “Add keyboard navigation and focus trapping to this modal dialog”
  • “Check this React component against WCAG 2.2 Level AA and list violations”
  • “Suggest ARIA live region usage for a chat window that updates dynamically”
Step-by-step guide: how to use Accessibility ComplianceInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 5 original files, the MIT licence and an attribution note.

    accessibility-compliance.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip accessibility-compliance.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip accessibility-compliance.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Paste the actual code or component so the agent can point to specific lines rather than general advice.
  • Name the target standard (WCAG 2.2 AA is the common baseline) so the review uses a clear bar.
  • Still test with a screen reader such as NVDA, VoiceOver or TalkBack, since automated checks miss many issues.

What's inside

  • references/aria-patterns.md
  • references/details.md
  • references/mobile-accessibility.md
  • references/wcag-guidelines.md
  • SKILL.md

Redistributed unmodified from wshobson/agents under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.