TechCompare LogoTechCompare

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

Use enhanced text contrast where practical. Evaluate meaningful UI boundaries, states, and graphics under the separate 3:1 non-text criterion. Purely decorative elements are exempt, not subject to an AA text-contrast ceiling.

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
This exact #595959 on #FFFFFF pair, pre-loaded. Edit either color, see the live WCAG ratio, or compare a second pair.
Edit in the full tool

How this is calculated

For text, WCAG 1.4.6 sets enhanced contrast at 7:1 for normal text and 4.5:1 for large text. #595959 on white is just above 7:1 before rounding. Non-text contrast is a separate AA criterion, 1.4.11: visual information needed to identify controls, states, and meaningful graphics generally needs 3:1 against adjacent colors, subject to the criterion's exceptions.

Verdict

The 7:1 threshold concerns normal text under enhanced contrast, not all visible elements. Large text needs 4.5:1 for enhanced contrast. AA non-text contrast uses 3:1 for information needed to identify controls and meaningful graphics, with exceptions such as inactive controls. Decorative elements have no contrast requirement. Meeting one contrast criterion does not establish whole-page AA or AAA conformance.

More Contrast scenarios

WCAG AA for normal text
WCAG AA sets a 4.5:1 minimum contrast ratio for normal text (under 18pt or 14pt bold) against its background.
View details ➜
Text on background images
Text over a background image can be hard to check because image brightness varies across the surface.
View details ➜
Building accessible palettes
Building an accessible color palette means defining text and background color pairs that pass WCAG AA from the start, rather than retrofitting contrast after design.
View details ➜

Related guides

WCAG AA for normal text
The legal minimum text-contrast tier AAA builds on.
View guide ➜
Text on background images contrast
Where AAA shines as a fallback against complex backgrounds.
View guide ➜

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 lightest 8-bit neutral gray that still passes AAA on white is #595959, which rounds to 7.00:1. Lighter grays start to fail. Dark blue (#0a3a6f) on white passes AAA at roughly 11:1. Pure white on deep navy (#000080) passes at about 16.01:1.
Should I target WCAG AAA globally or just for critical content?
Enhanced text contrast can improve readability across body text and important instructions. Keep criteria separate: normal text needs 7:1 for enhanced contrast, large text needs 4.5:1, and meaningful non-text UI information generally needs 3:1 at AA. Pure decoration is exempt. Whole-page conformance involves more than contrast.

Related tools

Color Picker

Pick colors and convert between HEX, RGB, HSL, CMYK, and HSV formats.

Use tool ➜

JSON Formatter

Validate, format, and minify JSON data with readable output and error detection.

Use tool ➜

Aspect Ratio Visualizer

Visually compare width differences between 16:9, 21:9, and 32:9 monitors.

Use tool ➜