Tool · WCAG 1.4.3
WCAG Colour Contrast Checker: Text and Background Contrast Ratio
Pale text is one of the most common barriers – and no HTML test finds it reliably. Check any colour combination in seconds.
Measure first, then fix. The free Quick Check shows in seconds what is missing in your shop's HTML. The Compliance Kit (€29) has fix code for every finding, an accessibility statement generator and a checklist for everything a tool cannot find.
Check your shop for freeGet the kitAudit report (€59)Contrast checker
Normal text: Add to cart
Large text: €29.90
Typical traps in shops
- Light grey placeholders in search and forms.
- White text on pastel buttons.
- Struck-through old prices in light grey.
- Text on photos without a darkening layer.
- Focus outlines that barely stand out.
FAQ
What contrast does WCAG require?
Level AA requires at least 4.5:1 for normal text and 3:1 for large text (from 24 px, or 18.66 px bold) and for user interface components. Level AAA requires 7:1 and 4.5:1.
How is the ratio calculated?
Using the WCAG formula: relative luminance of both colours, ratio = (lighter + 0.05) / (darker + 0.05).
Measure first, then fix. The free Quick Check shows in seconds what is missing in your shop's HTML. The Compliance Kit (€29) has fix code for every finding, an accessibility statement generator and a checklist for everything a tool cannot find.
Check your shop for freeGet the kitAudit report (€59)