WCAG AA Contrast Requirements

WCAG AA contrast requirements cover more than normal body text.
Teams should check text, images of text, large text, UI components, states, icons, charts, and meaningful graphics.
Key ratios
Normal text: 4.5:1.
Large text: 3:1.
Non-text UI and graphics: 3:1.
These thresholds need to be measured against the actual adjacent background.
What to test
Test rendered pages and components, not only design files.
Check forms, buttons, badges, cards, menus, modals, focus states, errors, selected states, dashboards, PDFs, image backgrounds, and responsive layouts.
Evidence
Useful evidence includes the affected component, color values, measured ratio, threshold, WCAG criterion, screenshot, user impact, remediation guidance, and retest result.
Conclusion
Contrast remediation works best when accessible color pairs are built into design tokens and component rules.
Read the original guide on IAAP Audit: https://iaapaudit.com/blog/color-contrast-requirements-wcag-aa





