Fix accessibility problems on your key pages
Runs an automated accessibility check on key pages and fixes every violation.
/goal the pages [/, /login, /pricing] have zero violations in an automated accessibility check. Start the dev server, then run `npx @axe-core/cli [http://localhost:3000/]` (and the same for each other page) and show the violation count per page. Fix the causes in the components, not per page: missing labels, low contrast, missing alt text, wrong heading order, buttons without names, focus that is not visible. To prove it: run the same checks again and show 0 violations for every page, and run `npm test` and show it exits 0. Constraints: no visual redesign, no aria attributes where a native element does the job. Or stop after 25 turns.How to use it
- Replace the parts in square brackets with your own paths, names and commands.
- Open Claude Code in your project and paste the whole prompt, starting with /goal.
- Claude works until the evaluator sees the check pass, or until the turn bound. It proves the result with:
npx @axe-core/cli [http://localhost:3000/]
Last checked against the current Claude Code facts on 2026-11-07.
More frontend prompts
New to /goal? Read Let Claude run until it is done with /goal.