Workflow Code Review

Accessibility Review

Review workflow for checking accessibility compliance

reviewaccessibilitya11y
CLAUDE.md

When reviewing code for accessibility:

  1. Check semantic HTML: are the right elements used (button vs div, nav, main, article)?
  2. Check form inputs: does every input have an associated label? Are error messages linked with aria-describedby?
  3. Check images: do they have descriptive alt text? Are decorative images marked with alt=""?
  4. Check interactive elements: are they keyboard accessible? Do they have visible focus indicators?
  5. Check ARIA: are icon-only buttons and toggles labeled with aria-label?
  6. Check color: is there sufficient contrast? Is color used as the sole indicator of state?
  7. Check dynamic content: are screen readers notified of updates via live regions?

Copy this workflow into your CLAUDE.md or agent config file so your agent follows this process automatically.

get crystl