Accessibility Audit
Runs a WCAG 2.1 AA accessibility audit across five testing stages and produces a prioritized remediation report.
Web & APIIntermediate★ 867⑂ 120AI score 9/10Last updated: Sep 15, 2026
What it does
- Walks every WCAG 2.1 AA principle — Perceivable, Operable, Understandable, Robust — with concrete audit checks for each.
- Structures the work into five stages: ① automated scans (axe DevTools, Lighthouse, WAVE, Pa11y) → ② manual keyboard-only pass (tab order, focus visibility, keyboard traps) → ③ screen reader testing (VoiceOver, NVDA, JAWS, TalkBack) → ④ visual checks (contrast, 200% zoom, 320px reflow, color-blindness simulation) → ⑤ cognitive accessibility.
- Triages findings as Critical (P0), Important (P1), Minor (P2), Polish (P3) with worked examples of each.
- Emits an
accessibility-audit.mdreport (exec summary, findings by principle, remediation roadmap, appendices) plus a tracking sheet with one row per finding. - Includes an anti-fabrication rule: if a tool result or measurement is missing, state the gap instead of estimating a number.
Who it's for
- Frontend engineers and QA leads doing pre-launch verification
- Teams preparing for ADA, EN 301 549, AODA, or Section 508 compliance
- Product owners remediating after an accessibility complaint or audit finding
- Designers baking accessibility criteria into a design system
Example uses
- "Audit only the signup and checkout flows against WCAG 2.1 AA" → keyboard traps, missing labels, unannounced errors, ranked P0–P3.
- "Here's my axe scan JSON — turn it into an audit report" → full report plus the manual tests still required, since scanners only catch 30–50% of issues.
- "Assess our ADA lawsuit exposure" → priority page selection, named screen-reader combinations, and a sequenced remediation roadmap with effort/impact estimates.
· · · 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/rampstackco/claude-skills/HEAD/dist/codex/.agents/skills/accessibility-audit/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)
- Download the ZIP with the button below.
- In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
- Go to Customize → Skills → + → 'Upload a skill' and upload the 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 dist/codex/.agents/skills/accessibility-audit folder from the GitHub repo rampstackco/claude-skills into my ~/.claude/skills/rampstackco-accessibility-audit/. When it's done, tell me in one line what this skill can do.
Install with a command instead
git clone https://github.com/rampstackco/claude-skills.git /tmp/claude-skills && mkdir -p ~/.claude/skills && cp -r /tmp/claude-skills/dist/codex/.agents/skills/accessibility-audit ~/.claude/skills/⚠ This is a third-party skill. Check the source repository before installing.
- Open your terminal.
- Clone the repo:
git clone https://github.com/rampstackco/claude-skills.git - Create the skills directory:
mkdir -p ~/.claude/skills - Copy the skill:
cp -r claude-skills/dist/codex/.agents/skills/accessibility-audit ~/.claude/skills/ - Confirm the
references/folder (report template, WCAG quick reference, ARIA patterns) came along. - Restart Claude Code and ask for an "accessibility audit" or "WCAG audit" to trigger the skill.
- For accurate results, feed it real tool output — axe DevTools exports or Pa11y (
npm i -g pa11y) runs — since the skill will otherwise flag the data gap.
View source on GitHub ↗License: MIT