WCAG AA vs AAA — Contrast Differences

WCAG defines three conformance levels: A, AA, and AAA. For contrast, the distinction between AA and AAA is straightforward: AAA requires higher ratios and is aimed at users with more significant visual impairments. Most websites target AA because it is the legal minimum in most countries. But understanding the difference between the two levels — and knowing when to aim higher — is essential for anyone building accessible digital products.

The exact numbers

The contrast ratio requirements for WCAG 2.2 are as follows:

The difference between 4.5:1 (AA) and 7:1 (AAA) for normal text is significant in practice. A color like #595959 on white achieves approximately 7.1:1 and passes AAA. A color like #767676 on white achieves approximately 4.54:1 and barely passes AA. The gap in perceived legibility between these two pairs is visible, especially on low-quality screens or in bright light.

Who is AAA designed for?

WCAG Level AAA was designed with users who have more serious visual impairments in mind — low vision users who may not use a screen reader but rely on high contrast to read text. It also benefits older users, whose contrast sensitivity decreases with age, and anyone reading on a screen in suboptimal lighting conditions (sunlight, a moving vehicle, a dimly lit room).

The W3C notes in the WCAG documentation that it may not be possible to meet AAA for all content — for example, certain logo colors or incidental decorative text may not have a practical high-contrast alternative. This is why AAA is described as "enhanced" rather than mandatory.

Legal requirements — AA or AAA?

Virtually all accessibility regulations worldwide reference WCAG AA as the target, not AAA:

• United States (ADA, Section 508): WCAG 2.1 Level AA.
• European Union (EN 301 549): WCAG 2.1 Level AA (public sector from 2018).
• France (RGAA 4.1): WCAG 2.1 Level AA as baseline.
• United Kingdom (Equality Act): WCAG 2.1 Level AA recommended.
• Canada (AODA): WCAG 2.0 Level AA.

AAA compliance is entirely voluntary under these regulations, though it is a strong differentiator for organizations that serve audiences with specific accessibility needs.

When you should aim for AAA

Even when not legally required, targeting WCAG AAA for body text is a sound practice in several contexts:

• Government and public services. A 7:1 ratio ensures the widest possible audience can read essential information.
• Healthcare content. Users making health decisions need to read accurately. Low contrast introduces reading errors.
• Financial services. Account statements, interest rates, and disclaimers must be legible.
• Educational platforms. Students may spend hours reading on screen; higher contrast reduces fatigue.
• News and editorial sites. Dense article text benefits from AAA contrast for extended reading sessions.

For secondary content — captions, labels, metadata, decorative text — AA is generally sufficient and easier to achieve within brand color constraints.

How to check AA and AAA at the same time

The Flowfiles WCAG Contrast Checker shows both AA and AAA pass/fail badges simultaneously, separated by level, for normal text, large text, and UI components. You can enter your text and background colors once and immediately see your full compliance picture. The tool also includes an APCA Lc value (the WCAG 3 preview algorithm), which gives a more perceptually accurate contrast score for modern design systems.