Skip to content
Get packs

WCAG Audit Patterns

Audit websites against WCAG 2.2 accessibility rules and get fix guidance

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

What it does

Once installed, the agent knows how to review web content against the WCAG 2.2 accessibility standard. It explains conformance levels (A, AA, AAA), groups common problems by severity such as missing image alt text, keyboard traps, missing form labels and low color contrast, and suggests concrete fixes. It also points to a reference file with detailed patterns and worked examples for deeper questions.

Great for

  • Developers fixing accessibility issues flagged in a site or component
  • Designers checking whether a layout or color scheme meets WCAG 2.2 guidance
  • Teams preparing an accessibility checklist before an internal review

Skip it if

  • Legal sign-off: the skill is a guide, not a lawyer or certified auditor, and it does not guarantee ADA or Section 508 compliance
  • Fully automated certification: the skill itself says manual testing is required, since automated tools catch only part of the problems

Try asking

  • “Audit this login form against WCAG 2.2 and list the violations by severity”
  • “How do I fix low color contrast in our navigation bar to meet AA?”
  • “Review this React modal for keyboard access and focus handling problems”
  • “Explain the difference between WCAG A and AA conformance for our product team”
Step-by-step guide: how to use WCAG Audit PatternsInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

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

    wcag-audit-patterns.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip wcag-audit-patterns.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip wcag-audit-patterns.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 HTML or component code along with your question so the agent can point to specific lines.
  • Pair the agent's findings with a real testing tool and screen reader checks, since the skill recommends manual verification.
  • Ask for the relevant success criterion number so you can verify the guidance against the official WCAG 2.2 text.

What's inside

  • references/details.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.