Error · color-contrast
Text that is hard to read
Some text is too light against its background. People with low vision, older customers, and anyone on a phone in sunlight can't read it. This is the most common finding in accessibility lawsuits.
Who it leaves out: people with low vision · mobile users
How to fix it
Darken those texts slightly. We calculated the closest colour that passes and verified it; your developer applies it in minutes.
In the code
Darken the text (or lighten the background) until the ratio reaches 4.5:1 (3:1 for text ≥ 24px / bold ≥ 19px).
✓ Our scanner writes and tests this correction for you.
Where to fix it without code
If your site runs on one of these platforms, the fix is in the admin panel:
WordPress:
Edit the page → click the text → Block panel → Typography → Color: pick a darker text colour. For the whole site: Appearance → Editor → Styles → Colors. Or paste the CSS below under Additional CSS.Shopify:
Online Store → Themes → Customize → Theme settings → Colors: pick a darker text colour for that section.Wix:
Editor → click the text → Text settings → Colour: pick a darker shade. Wix also has an Accessibility Wizard (Site → Accessibility) that flags contrast.Squarespace:
Design → Site Styles → Colors: choose a darker text colour for that section's theme.Webflow:
Designer → select the text → Style → Typography → Colour. Webflow's audit panel also flags contrast.Odoo:
Website → Edit → Theme (paintbrush) → Colors: darken the text colour of that block.
Does your site have this error?
Free check in about a minute, no account.
Related errors
Automated testing covers roughly half of WCAG criteria; a full conformance claim also requires manual review. Technical information, not legal advice.