WCAG Accessibility Checklist Cheat Sheet

Contrast, focus, and semantics

Last Updated: November 21, 2025

Focus Areas

Focus
Check contrast ratios and text sizes
Provide meaningful ARIA labels and a logical focus order

Commands & Queries

lighthouse https://example.com --only-categories=accessibility
Run Lighthouse
npx axe https://example.com --save-report
Run Axe auditing
npm run test:a11y
Run automated accessibility suite

Summary

Automate audits, test keyboard flows, and document accessible patterns.

💡 Pro Tip: Run automated audits and keyboard tests before each release.
← Back to Design & Creative | Browse all categories | View all cheat sheets