See plans and pricing

Text needs to stand out clearly from its background so that people with low vision or color blindness can read it. When text color is too close to the background color, a meaningful share of visitors will struggle to read it even though it may look fine to someone with typical eyesight.

How to fix it

1. Identify the text element and its background color flagged in the report.
2. Check the contrast ratio between the text color and the background color using a contrast-checking tool.
3. For normal-sized text (under 18pt, or under 14pt bold), the ratio must be at least 4.5:1. For large text (18pt or larger, or 14pt bold or larger), the ratio must be at least 3:1.
4. Darken the text color, lighten or darken the background color, or increase the font size/weight until the required ratio is met.
5. Re-check the updated colors with the same tool before republishing the page.

color: #999999; background-color: #ffffff; /* ratio approx. 2.85:1, fails */

color: #595959; background-color: #ffffff; /* ratio approx. 7:1, passes */

View the full rule reference from Deque University

See plans and pricing