Audit code for accessibility issues in Claude Code

Review interface code for forms, focus, semantics, media, and contrast, with locations, severity, and actionable fixes.

Install in Claude Code

A Claude Code workspace containing an owned project's interface code and styles. The example audits form labels.

Review `.claude/skills/accessibility-audit/SKILL.md` and its requirements at the pinned GitHub commit.
Create `.claude/skills/accessibility-audit/` in your project and save the reviewed file as `.claude/skills/accessibility-audit/SKILL.md`.
Start Claude Code from that project's root, then select `/accessibility-audit` in the slash menu.

Example task

A fictional form uses placeholder text alone on line 12. The source fixture is `{path:'venue-form.tsx',line:12,field:'Venue',visibleLabel:false,placeholder:'Choose a venue'}`.

What to check

Report `{line:12,field:'Venue',issue:'no associated label'}` under Forms. Recommend adding an exposed Venue label and associating it with the input. Give severity and source evidence.

Original SKILL.md on GitHub · Updated 2026-11-14

Frequently asked question

How do I report a form input that only has a placeholder?

Name the missing association and identify the source location. Recommend a visible label that assistive technology can associate with the field.