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

Accessibility Audit

Runs a WCAG 2.1 AA accessibility audit across five testing stages and produces a prioritized remediation report.

Web & APIIntermediate867120AI 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.md report (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

  1. "Audit only the signup and checkout flows against WCAG 2.1 AA" → keyboard traps, missing labels, unannounced errors, ranked P0–P3.
  2. "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.
  3. "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)
  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 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.

  1. Open your terminal.
  2. Clone the repo: git clone https://github.com/rampstackco/claude-skills.git
  3. Create the skills directory: mkdir -p ~/.claude/skills
  4. Copy the skill: cp -r claude-skills/dist/codex/.agents/skills/accessibility-audit ~/.claude/skills/
  5. Confirm the references/ folder (report template, WCAG quick reference, ARIA patterns) came along.
  6. Restart Claude Code and ask for an "accessibility audit" or "WCAG audit" to trigger the skill.
  7. 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.