Skip to content
ChromaBrew
Go Pro
TutorialsBy Opeyemi Olorunfemi

When to aim for AAA (and when AA is enough)

A practical tutorial on WCAG's AAA level: which text deserves 7:1, why large display type is the easy win, and where chasing AAA wastes effort.

Know what AAA actually demands

AAA requires 7:1 for normal text and 4.5:1 for large text — a full step above AA's 4.5:1 and 3:1. In practice 7:1 means near-black on white (or the reverse); brand-colored body text almost never qualifies. That is why AAA is not the general target: it would outlaw most colored text on the web.

Measure your current body pair first. If it sits between 4.5:1 and 7:1, you are AA-passing and AAA-failing — the normal, healthy state for most products. The question is which text deserves the climb to 7:1, not whether everything must.

Spend AAA on long-form reading

AAA pays off where people read for minutes, not seconds: documentation, articles, ebooks, terms, help centers. If your product has a reading surface, make its body text 7:1 — usually by darkening the ink one step — and users with low vision feel it immediately. This is the highest-value AAA investment on the web.

Large display type is the cheap win: headings at 24px+ only need 4.5:1 for AAA, which most brand colors already clear. Check your H1 color once and you may bank a AAA claim for every hero on the site.

Don't chase AAA where it harms

AAA everywhere has costs: muted secondary text forced to near-black flattens hierarchy, and brand accents banned from type push color out of the interface entirely. UI chrome, metadata, and decorative text are legitimate AA territory — hierarchy is accessibility too, and a flat wall of 7:1 text helps nobody.

The defensible policy: AAA for sustained reading and display type, AA everywhere else, nothing below AA carrying meaning. Write it down; it ends debates.

Tip

If marketing wants brand-colored body copy, offer the trade explicitly: accent for headings (AAA at large sizes is easy), near-black for paragraphs. Both sides keep what matters.

Related free tools

Want to apply this right now? Open the color palette generator and try it with your own brand color — free, no sign-up.