PlugWiki

accessibility-compliance Skill (wshobson): WCAG 2.2 Guidance

Gives Claude WCAG 2.2 rules and ARIA, keyboard, screen reader and mobile patterns for building and auditing accessible interfaces.

Installs
14.9K
on skills.sh
Stars
42.1K
on GitHub
Files
4
besides SKILL.md
Updated
Oct 2026
last repo commit

accessibility-compliance makes Claude apply WCAG 2.2 when you build or audit an interface. It covers semantic HTML, ARIA patterns, keyboard navigation, focus management, forms, reduced motion and mobile screen readers.

The SKILL.md is short and points to references/details.md for depth. The folder also holds three more reference files (ARIA patterns, mobile accessibility and WCAG guidelines) that SKILL.md does not name. It bundles no scripts. Its testing list names axe DevTools, WAVE and Lighthouse, and screen readers such as VoiceOver, NVDA, JAWS and TalkBack, but the skill does not run them.

Good for

  • Front-end developers building accessible components
  • Teams auditing a site against WCAG 2.2 Level AA or AAA
  • Mobile developers supporting VoiceOver and TalkBack

Install accessibility-compliance

Claude Code

  1. 1

    Copy this prompt.

    Install the accessibility-compliance skill in Claude Code. Run this command:

/plugin marketplace add wshobson/agents
/plugin install ui-design@claude-code-workflows

Then check that it loaded and tell me how to use it.
  2. 2

    Paste it into Claude Code. It shows the change and asks before running it.

The plugin route installs the whole ui-design plugin: 9 skills, 3 agents and 4 commands (counted from the repo tree). The skills-only routes install just this skill without the agents, commands or hooks, per the README. Pick one route, not both.

From the project README. Source.

What's in the skill

When it loads

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.

Sections in SKILL.md

  1. When to Use This Skill
  2. Detailed patterns and worked examples
  3. Best Practices
  4. Common Issues
  5. Testing Tools

Key facts

Author
wshobson (repo owner)
Repo
wshobson/agents
Installs on skills.sh
14,939
Repo stars
42,081
License
MIT
Last repo commit
2026-10-30
Files in the skill folder
5 files including SKILL.md

What it includes

  • Eight rules, starting with semantic HTML over ARIA

    Includes keyboard first, keeping focus styles, text alternatives, 200% zoom and live regions.

    Best Practices

  • Eight frequent failures to check for

    Missing alt text, poor contrast, keyboard traps, missing labels, auto-playing media, inaccessible custom controls, missing skip links and focus order.

    Common Issues

  • Automated tools, screen readers and simulators

    Names axe DevTools, WAVE, Lighthouse, VoiceOver, NVDA, JAWS and TalkBack.

    Testing Tools

  • WCAG 2.2 checklist and key patterns

    Includes an accessible button and an accessible modal dialog.

    references/details.md

  • ARIA roles, states and common widget patterns

    Covers accordion, tabs, menu button, combobox, alert dialog and toolbar.

    references/aria-patterns.md

  • Touch targets, VoiceOver and TalkBack

    Covers React Native, SwiftUI, Jetpack Compose and Android XML examples.

    references/mobile-accessibility.md

  • WCAG 2.2 success criteria by principle

    Lists WCAG 2.2 success criteria by principle with their conformance levels, starting with Perceivable.

    references/wcag-guidelines.md

From the official docs

Questions

What does the accessibility-compliance skill do?

It gives Claude WCAG 2.2 guidance and patterns, so the interfaces it writes or audits follow accessibility rules for keyboards, screen readers, forms and mobile.

Does it run an accessibility checker?

No. It bundles no scripts. It lists axe DevTools, WAVE and Lighthouse as tools to use yourself, and Claude reads your code against its guidance.

Which WCAG level does it target?

Its when-to-use list says WCAG 2.2 Level AA or AAA.

How do I install it?

Use the install box above. The folder has 5 files including SKILL.md. SKILL.md points only to references/details.md; the other 3 reference files sit beside it.

Is it safe to install?

It bundles no scripts, only markdown. Claude may edit your components when you ask it to fix accessibility problems, so review the diff.

Does it cover mobile apps?

Yes. The mobile reference covers touch target sizes, iOS VoiceOver and Android TalkBack, with React Native, SwiftUI, Jetpack Compose and Android XML examples.

Information

updated Nov 2, 2026

Repository
wshobson/agents
Folder
plugins/ui-design/skills/accessibility-compliance

wshobson/agentsskills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 6
  1. wshobson/agents README · github.com
  2. accessibility-compliance SKILL.md · github.com
  3. accessibility-compliance references/details.md · github.com
  4. accessibility-compliance references/aria-patterns.md · github.com
  5. accessibility-compliance references/mobile-accessibility.md · github.com
  6. accessibility-compliance references/wcag-guidelines.md · github.com

Updated Nov 2, 2026.