1.1Provide text for non-text content
1.2Captions, audio descriptions
1.3Content preserves meaning when reformatted
1.4Contrast, resize, spacing
Key Criteria:
A1.1.1- All images need alt text
AA1.4.3- 4.5:1 for text, 3:1 for large
AA1.4.10- No horizontal scroll at 320px
AA1.4.11- 3:1 for UI components
2.1All functionality via keyboard
2.2Users have enough time to read/use
2.3Avoid flashing content
2.4Ways to navigate, find content
2.5Multiple ways to operate
Key Criteria:
A2.1.1- Tab to all interactive elements
A2.1.2- Can always tab away
AA2.4.7- Clear focus indicator
AA2.5.8- 24×24px minimum (2.2)
3.1Language is identified
3.2Pages work predictably
3.3Help users avoid/correct errors
Key Criteria:
A3.1.1- Set lang attribute on <html>
A3.3.1- Describe errors clearly
A3.3.2- Provide labels and instructions
AA3.3.8- No cognitive tests (2.2)
4.1Works with current & future tech
Key Criteria:
A4.1.2- Use semantic HTML
AA4.1.3- aria-live for updates
Tab through the page
Focus visible, logical order, no traps
Zoom to 200%
Text readable, no overlap, content accessible
View at 320px width
No horizontal scroll, content reflows
Turn off images
Alt text provides equivalent info
Use screen reader
All content announced, forms labeled
Check color contrast
4.5:1 text, 3:1 graphics
Level AMinimum
Essential, must-have requirements
Level AARecommended
Standard target for most sites
Level AAAEnhanced
Highest level, not always achievable
WCAG 2.2 Quick Reference • TheWCAG.com • Print this page for a handy reference
