Text Must Meet Enhanced Color Contrast Requirements

This criterion ensures that text is clearly distinguishable from its background, even for users with very low vision or reduced contrast sensitivity. Color contrast measures the visual difference between foreground text and the background behind it. When contrast is too low, text becomes difficult or impossible to read, even when users zoom in or use magnification.

WCAG Level AAA introduces stricter contrast requirements than Level AA to support users who need stronger visual separation to read comfortably and reliably.

WCAG Success Criterion

1.4.6 Contrast (Enhanced) (Level AAA)

Text and images of text must have a contrast ratio of at least:

• 7:1 for small text
• 4.5:1 for large text

Large text is defined as:

• 18pt (24 CSS pixels) or larger, or
• 14pt bold (19 CSS pixels) or larger

These thresholds apply even when text appears within an image.

What a Contrast Ratio Means

A contrast ratio compares the brightness of text to the brightness of its background.
Higher ratios mean stronger separation between letter shapes and their surroundings.

At lower contrast ratios, text may appear readable when large or briefly viewed, but becomes difficult to track line by line, especially under magnification. Enhanced contrast preserves letter edges and spacing, making sustained reading easier and less fatiguing.

Why This Matters

Some people experience reduced contrast sensitivity, where light and dark areas appear closer together in brightness. This makes it harder to distinguish letter forms, edges, and fine details.

Low contrast becomes especially problematic when users:

• Use screen magnifiers
• Increase zoom levels
• Read for extended periods
• View content on high-resolution displays
• Have color vision deficiencies

There are nearly three times more people with low vision than complete blindness, and many users cannot rely on subtle luminance differences. For these users, enhanced contrast is not a preference; it is often necessary for readable content.

Who This Helps

This criterion primarily supports users who:

• Have low vision and require strong contrast
• Have reduced contrast sensitivity
• Have color vision deficiencies
• Rely on magnification or high zoom levels
• Need to read text accurately for longer periods

While enhanced contrast benefits everyone, it is especially important for users who cannot compensate for low contrast through size or zoom alone.

Transparency and Layered Backgrounds

Contrast must be evaluated against the effective background color, not just the declared one. This includes situations involving:

• Semi-transparent backgrounds
• Overlapping elements
• CSS gradients
• Background colors created by borders or pseudo-elements

Foreground transparency can further complicate contrast calculations, especially when multiple layers interact. These cases often require manual review to assess what users actually perceive.

Important Clarification

A contrast ratio of 1:1 means the foreground and background colors are identical. This is a definite WCAG failure, not an ambiguous or incomplete case.

Identical colors provide no visual separation and make text unreadable regardless of size or font weight.

What This Criterion Does Not Apply To

This success criterion applies only to text.

It does not apply to:

• Logos or brand names
• Purely decorative text
• Disabled form controls (users are not expected to read or interact with them)
• Non-text user interface components (covered by SC 1.4.11)

Text that appears inside images is still covered, unless it qualifies for a specific exception.

Common Failures

Common failures under Level AAA include:

• Light grey text on white backgrounds
• Text placed over gradients without sufficient contrast at all points
• Semi-transparent text over patterned backgrounds
• Text overlapping images without a contrast-safe backing
• Placeholder text with insufficient contrast

A common misconception is that increasing font size compensates for low contrast.
While size can be helpful, contrast remains the primary determining factor.

Rule Description

All text and images of text must have sufficient contrast between the foreground and background colors in accordance with WCAG 2.1 Level AAA thresholds.

Many designs that fully meet Level AA will still fail Level AAA, particularly when brand-driven color palettes are used.

The Algorithm

1. Identify all visible text elements
2. Determine the effective background behind each text element
3. Measure the contrast ratio between text and background
4. Verify a minimum of:
   • 7:1 for small text, or
   • 4.5:1 for large text
5. If contrast is below the threshold, the criterion fails

Tool Limitations

Automated tools may not reliably evaluate contrast when:

• Background images are used
• Text is partially obscured
• Multiple layers overlap
• Elements are repositioned with CSS

These limitations reflect tool constraints, not WCAG exceptions. Manual verification may still be required.

Wrapping Up

Enhanced contrast is about ensuring text remains readable under demanding visual conditions, not just meeting a higher numeric threshold.

If users must strain, guess, or rely on ideal lighting to read text, contrast is insufficient.
Level AAA contrast provides the strongest support for users who depend on clear visual separation to read and understand content comfortably.

You can use the Color Contrast Checker to measure contrast ratios between foreground and background colors and verify whether text meets WCAG Level AAA requirements. It helps you test both standard and enhanced contrast thresholds without manually calculating luminance values.