TechCompare LogoTechCompare

Is WCAG AAA contrast worth it? The 7:1 ratio and when enhanced contrast matters

Target AAA for body text where practical, especially on content-heavy sites (news, documentation, government). Accept AA for UI components and decorative elements. The goal is to make your content accessible without making your design unusable for everyone else.

WCAG AAA requires a minimum contrast ratio of 7:1 for normal text, nearly double the AA requirement. This is the enhanced accessibility standard, designed to make text readable for users with significantly impaired vision (roughly 20/80 vision or worse). Few websites target AAA globally. It's usually applied selectively to critical content.

By TechCompare · Updated

WCAG level
WCAG AAA
Enhanced contrast (7:1+)
Example ratio
7.0:1
#595959 on #FFFFFF
Category
WCAG Levels
Accessibility knowledge base

How this is calculated

A 7:1 ratio is hard to achieve with anything other than very dark text on very light backgrounds or vice versa. A dark charcoal (#595959) on white has a ratio of exactly 7:1. Lighter than that and you drop below AAA. The design constraint is significant: AAA-compliant body text looks dark and heavy compared to the airy, low-contrast aesthetic that has dominated web design since 2015. For body text, AAA is often achievable with a dark enough foreground. For UI components, icons, and decorative elements, AA is usually the practical ceiling.

Verdict

AAA's 7:1 ratio maps to roughly 20/80 vision, so it's the tier you target when the cost of a user not reading the text is high (medical dosage instructions, government portals, long-form news and documentation). #595959 on white hits exactly 7.01:1, the darkest gray that still passes, and the practical design impact is that AAA-compliant body text reads visibly darker and heavier than the airy low-contrast aesthetic that has dominated web design since 2015. The split-the-difference pattern that survives is AAA on the body text where readability is the goal, and AA on UI chrome and decorative elements where accent colors and icons matter and the 4.5:1 floor is the realistic ceiling. There's no legal mandate for AAA in most jurisdictions, so it's a quality call rather than a compliance one.

More Contrast scenarios

Frequently asked questions

Is WCAG AAA required by law?
Not generally. Most accessibility laws require WCAG 2.1 AA. AAA is a higher voluntary standard. Some government sites and healthcare portals target AAA for critical content like dosage instructions.
Which color combinations achieve WCAG AAA 7:1 contrast?
Pure black (#000000) on white (#FFFFFF) gives 21:1. The darkest gray that still passes AAA on white is about #595959, which gives exactly 7:1. Lighter grays start to fail. Dark blue (#0a3a6f) on white passes AAA at roughly 11:1. Pure white on deep navy (#000080) also passes at about 9:1.
Should I target WCAG AAA globally or just for critical content?
Just for critical content. WCAG AAA constrains design choices heavily (very dark text on very light backgrounds) and makes accent colors and decorative UI elements hard to use. Best practice is AAA for body text and long-form content (news, documentation, medical) and AA for everything else.