WCAG AA vs AAA Contrast: Which Level Should You Target?
WCAG 2.2 defines two levels of text contrast. AA is the level referenced by most accessibility laws and policies; AAA is an enhanced level for content that needs to be readable by as many people as possible.
The thresholds at a glance
| Content | AA (minimum) | AAA (enhanced) |
|---|---|---|
| Normal text | 4.5:1 | 7:1 |
| Large text (≥ 24px, or ≥ 18.66px bold) | 3:1 | 4.5:1 |
| UI components & graphics (SC 1.4.11) | 3:1 | No separate AAA level |
The text criteria are SC 1.4.3 Contrast (Minimum) for AA and SC 1.4.6 Contrast (Enhanced) for AAA. Logos, purely decorative text and disabled controls are exempt.
What counts as “large text”?
WCAG defines large text as at least 18 point regular or 14 point bold. On the web, 1pt = 1.333px, so that is roughly 24px regular or 18.66px bold. Most body copy (14–18px) is normal text and needs the stricter threshold.
Examples
Click any example to open it in the checker.
Which level should you target?
- Aim for AA everywhere. ADA guidance in the US, Section 508, EN 301 549 and the European Accessibility Act all point to WCAG Level AA. Failing AA is a real compliance risk.
- Use AAA for long-form reading. Articles, documentation, government and healthcare content benefit from 7:1 body text, especially for older readers and people with low vision.
- Don’t require AAA site-wide. W3C itself notes that AAA cannot be met for all content. Treat it as a goal for primary text, not a blocker for brand colors on large headings.
- Don’t forget non-text contrast. Input borders, focus indicators and icons that convey meaning need 3:1 against adjacent colors, even if your text passes.
Check your colors
Paste your palette into the ContrastCheck color contrast checker to see AA and AAA results instantly. If a pair falls short, it suggests the closest lightness adjustment that passes.