← ClaudeAtlas

a11y-auditlisted

Audits accessibility against WCAG 2.2 AA — axe-core via Playwright, Lighthouse a11y, a manual keyboard/screen-reader checklist for key flows, game accessibility settings; findings with WCAG criteria and fixes. Required before release.
gonimar/claude-web-studio · ★ 0 · Web & Frontend · score 76
Install: claude install-skill gonimar/claude-web-studio
# A11y Audit Reply in the project conversation language (CLAUDE.md → Language); code, identifiers, paths and commit messages stay in English. `stack-reference/web-platform.md` ("Accessibility"). ## Phase 1: Scope Routes/pages (from UX specs or the argument); is the dev server running? (offer to start it). ## Phase 2: Automation `@axe-core/playwright` over the routes (create the spec with consent), Lighthouse a11y — output. ## Phase 3: Manual checklist Keyboard, focus (2.4.11/2.4.13), names, ARIA, contrast, target size (2.5.8), forms (3.3.7/3.3.8), motion; games — keyboard/gamepad menus, settings. ## Phase 4: Report Table "finding → WCAG criterion → severity → file → fix". "May I write `docs/ops/a11y-audit-<date>.md` and an axe regression test?" For every critical finding one `AskUserQuestion`: record it in `production/findings.md` (`A11Y-NNN`, template `findings.md`) (Recommended) · fix stories now · report only. After the "write" answer: `touch .claude/.write-consent` (rule 7). Verdict: `PASS` | `FAIL (N critical)`. Next step — one `AskUserQuestion`: fix the critical findings via `angular-engineer`/`vue-engineer`/`css-engineer` (Recommended) · re-run `/a11y-audit` after fixes · `/release-checklist`.