Workflow
- Detect framework from
package.json(React, Vue, Svelte) - Run static analysis -- grep JSX/TSX/HTML files for violations
- If dev server is running, optionally run axe-core CLI:
npx @axe-core/cli@4 http://localhost:3000 - Report findings grouped by severity
Output format
Group by WCAG criterion:
- Critical (A) -- blocks assistive technology users
- Serious (AA) -- significantly impacts usability
- Suggestions -- best practice improvements
Use file:line references. Include the fix for each finding. Prioritize keyboard navigation and screen reader issues; never auto-fix -- show what to change and why.
Error Handling
- Framework undetected -- scan all
.html,.jsx,.tsx,.vuefiles