Error · color-contrast
Text that is hard to read
Lighthouse / axe call it: Elements must meet minimum color contrast ratio thresholds · Background and foreground colors do not have a sufficient contrast ratio
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.
Don't want to fix this by hand, element by element?
Enter your address. In about a minute you get every failure on the page explained, and the corrected code, already tested in a browser, for each element we can fix. Free, no account.
The full report covers the pages that matter (checkout, cart, contact) and every fix, for $15 once or with monitoring.
Related errors
Automated testing covers roughly half of WCAG criteria; a full conformance claim also requires manual review. Technical information, not legal advice.