WCAG AA vs AAA: Which Contrast Level Should You Target?
WCAG defines two conformance levels that matter for color contrast: AA and AAA. AA is the level required by most accessibility laws and the realistic target for nearly all websites. AAA is the enhanced standard for the highest accessibility. Knowing the exact ratios — and which level applies to your situation — keeps your design both legally compliant and genuinely readable.
| Aspect | WCAG AA | WCAG AAA |
|---|---|---|
| Normal text contrast | 4.5:1 minimum | 7:1 minimum |
| Large text contrast | 3:1 minimum | 4.5:1 minimum |
| UI components / graphics | 3:1 minimum | 3:1 (same) |
| Legally required? | Yes — most frameworks | Rarely required |
| Realistic site-wide target | Yes | Hard for all content |
| Best use | Default for all sites | Critical / high-assurance content |
What AA Requires
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt/24px regular, or 14pt/~18.7px bold). This is the level referenced by the EU Web Accessibility Directive, US Section 508, the UK Equality Act, and most court interpretations of the ADA.
AA is achievable across an entire site without heavily constraining your palette. It is the right default target: it ensures text is readable for the large majority of users, including those with moderate low vision or color vision deficiency.
What AAA Adds
WCAG AAA raises the bar to 7:1 for normal text and 4.5:1 for large text. That extra contrast benefits users with more significant visual impairments, but it sharply limits which color combinations you can use — many brand colors simply cannot hit 7:1 against a white background.
AAA is rarely a blanket legal requirement. The W3C itself notes that AAA conformance is not achievable for all content. The pragmatic approach is to meet AA everywhere and reach for AAA on the most critical text, such as essential instructions, legal disclosures, or medical information.
Which Should You Target?
For almost every project, target AA across the board and treat AAA as a stretch goal for body text where your palette allows it. Aiming for 7:1 on body copy when feasible is a good habit because it leaves margin for different screens and lighting conditions.
The fastest way to stay compliant is to check every text-on-background pairing as you design. A contrast checker shows all four thresholds at once, so you know immediately whether a combination passes AA, AAA, or neither.
Frequently Asked Questions
Is WCAG AA or AAA legally required?
AA is the level referenced by most accessibility laws worldwide, including Section 508, the EU Web Accessibility Directive, and ADA case law. AAA is rarely required by law and is generally treated as an enhanced, best-effort target rather than a baseline.
What is the contrast ratio for WCAG AA?
4.5:1 for normal text and 3:1 for large text (18pt/24px regular or 14pt/~18.7px bold). WCAG 2.1 also requires 3:1 for UI components and meaningful graphics under the Non-text Contrast criterion.
Why is large text allowed lower contrast?
Larger letterforms have thicker strokes and more area, so they remain legible at a lower contrast ratio than small text. WCAG reflects this by requiring 3:1 for large text at AA versus 4.5:1 for normal text.
Should I aim for AAA everywhere?
It is usually impractical — AAA's 7:1 requirement rules out many brand colors. Target AA site-wide and apply AAA selectively to the most important text. Meeting AA reliably is far more valuable than hitting AAA inconsistently.