Claude Skill MartBrowse skillsQuick linesLearn by videoTerminal guideWhat is a Skill?
 
← Back to list

WCAG Audit Patterns

A reference skill for auditing web content against WCAG 2.2 and prioritizing accessibility fixes.

Design & UIIntermediate★ 40,179⑂ 4,286AI score 5/10Last updated: Oct 1, 2026

What it does

  • Explains WCAG 2.2 conformance levels (A / AA / AAA) and which regulations expect which level.
  • Frames issues through the POUR principles: Perceivable, Operable, Understandable, Robust.
  • Groups common violations by impact — Critical (missing alt text, no keyboard access, missing form labels, autoplay media), Serious (contrast, skip links, custom widgets), Moderate (language attribute, link text, landmarks, heading order).
  • Provides do's and don'ts: pair automated scans with manual testing, prefer semantic HTML over ARIA, never hide focus outlines, never disable zoom, never rely on color alone.
  • Points to references/details.md for deeper worked patterns.

Who it's for

  • Web developers and QA engineers working toward ADA, Section 508, or VPAT compliance.
  • Frontend engineers and UI designers baking accessibility into a component library.
  • Teams writing audit reports or remediating flagged accessibility defects.

Example uses

  1. "Audit our marketing landing page for WCAG 2.2 AA" → a checklist of criteria plus likely violations sorted by severity.
  2. "Our scanner flagged contrast failures — how do we fix them?" → remediation direction plus non-color indicators.
  3. "Rebuild this custom dropdown so it's accessible" → review against semantic-HTML-first and visible-focus rules.

· · · Install guide · · ·

Try it now, no install

Paste this into Claude to use the skill without installing anything.

Read the instructions in this file and follow them to help me:
https://raw.githubusercontent.com/wshobson/agents/HEAD/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md

What I want: (describe your task here)

If Claude can't open the link, open it yourself and paste the contents instead.

↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the plugins/accessibility-compliance/skills/wcag-audit-patterns folder from the GitHub repo wshobson/agents into my ~/.claude/skills/wcag-audit-patterns/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/wshobson/agents.git /tmp/agents && mkdir -p ~/.claude/skills && cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Open a terminal (Terminal on macOS/Linux, PowerShell or WSL on Windows).
  2. Clone the repo into a temp folder: git clone https://github.com/wshobson/agents.git /tmp/agents
  3. Create the skills folder if needed: mkdir -p ~/.claude/skills
  4. Copy the skill in: cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns ~/.claude/skills/
  5. Verify with ls ~/.claude/skills/wcag-audit-patterns — you should see SKILL.md and the references folder.
  6. Restart Claude Code and try a prompt like "Audit this page against WCAG 2.2 AA."
View source on GitHub ↗License: MIT