Text Contrast for Web Pages

Jun 27, 2018 · 13 min read

Typographical Contrast for Accessibility

Defining “contrast”

WCAG Guidelines for Contrast

Contrast ratio definitions

Contrast charts

Why care about contrast?

Using contrast-checking tools

Contrast in the wild


Smashing Magazine

Smashing Mag’s Contrast Recommendations

Does Smashing Magazine meet the WCAG AAA standard?

American Foundation for the Blind

Bug reporting on contrast issues


One of the defining principles of the web is that it should provide all people, regardless of physical or technological readiness, with access to information.




Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade