WCAG AA vs AAA —
Color Contrast Standards Explained
Understand the exact differences between WCAG AA and AAA contrast requirements, and which standard your website actually needs to meet.
Test Your Colors Against Both Standards
See instant pass/fail results for AA, AAA, AA Large, and AAA Large in one check.
Check My Colors Free →WCAG AA vs AAA — Side by Side
| Requirement | WCAG AA | WCAG AAA |
|---|---|---|
| Normal text contrast | 4.5:1 | 7:1 |
| Large text contrast | 3:1 | 4.5:1 |
| Legal requirement (ADA/US) | Yes | No |
| Typical use case | Most websites | Government, healthcare, accessibility-critical sites |
| Design flexibility | More colour options | Fewer colour options |
Which Standard Does Your Website Need?
WCAG AA is the standard most regulations reference, including ADA compliance in the United States and the European Accessibility Act. If you're building a typical business website, e-commerce store, or marketing site, AA compliance is the practical target.
WCAG AAA is recommended but rarely legally mandated — except for specialised contexts like government services specifically designed for visually impaired users, or organisations choosing to exceed minimum accessibility standards as a competitive or ethical commitment.
In practice, many design teams aim for AA across the entire site, then push critical content — body copy, primary navigation, key calls to action — to AAA level where the colour palette allows, without sacrificing brand flexibility everywhere else.
Is AAA Hard to Achieve?
Yes, relatively. A 7:1 ratio is significantly stricter than 4.5:1, which limits which brand colours can be used for text, especially mid-tone colours like blues, purples, and brand accent colours. Pure black on white (21:1) easily passes AAA; many vibrant brand colour combinations only pass AA.
Use the free contrast checker to test your exact brand colours against both standards — the tool shows pass/fail for AA, AAA, AA Large, and AAA Large simultaneously, so you can see exactly where your palette stands.