Accessibility Audit

Workflow

1. Detect framework from package.json (React, Vue, Svelte)
2. Run static analysis — grep JSX/TSX/HTML files for violations (see wcag-checklist.md):
   • Missing alt on <img>
   • Missing aria-label on icon-only buttons and inputs without <label>
   • Non-semantic interactive elements (<div onClick>, <span onClick>)
   • Missing htmlFor / for on <label>
   • Heading hierarchy skips (h1 → h3)
   • Missing landmark roles (<main>, <nav>, <header>)
3. If dev server is running, optionally run axe-core CLI:

   npx @axe-core/cli@4 http://localhost:3000
   

4. Report findings grouped by severity

Output format