Is WCAG AAA contrast worth it? The 7:1 ratio and when enhanced contrast matters
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.
Calculator
Contrast Checker
Check color contrast for accessibility.
Large Text
Normal text sample.
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
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.