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
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.