Skip to main content
New: 190 SEO checks now available. See what's new
mediumAccessibilityLOW_CONTRAST_TEXT

Low contrast text — the fix

Text on this page has insufficient colour contrast against its background, making it difficult or impossible to read for users with visual impairments. WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text.

Where this fits: accessibility in SEO

Accessibility overlaps heavily with SEO because both depend on machine-readable structure: alt text, heading hierarchy, labels, contrast. Screen readers and search crawlers consume the same signals. Accessible sites rank better not by special treatment but because the same fixes — descriptive alt attributes, proper headings, real link text — are exactly what search engines parse for meaning. It is also, in a growing number of jurisdictions, the law.

Why low contrast text hurts your rankings

Low contrast text is inaccessible to the estimated 300 million people worldwide with colour vision deficiency and many more with low vision. Beyond accessibility, low contrast text also hurts readability for all users, especially on mobile devices in bright environments. Google's accessibility assessment considers contrast as part of overall page quality, and poor accessibility can expose organisations to legal risk under the ADA and European Accessibility Act.

This is a medium-severity issue: individually modest, but it compounds — dozens of medium issues across hundreds of pages add up to a real quality deficit in how search engines assess the site.

How to fix it

Increase the contrast ratio between text and background colours to meet WCAG 2.1 AA requirements: at least 4.5:1 for normal text (under 18pt / 24px, or under 14pt / 18.66px bold) and 3:1 for large text. Use a contrast checker tool like WebAIM's Contrast Checker to verify your colour combinations.

/* Before: contrast ratio 2.5:1 (fails) */
color: #999999;
background: #ffffff;

/* After: contrast ratio 7:1 (passes AA and AAA) */
color: #595959;
background: #ffffff;

Accessibility best practices

  • Give every informative image an alt attribute that describes its content; decorative images get alt="".
  • Maintain heading hierarchy — never skip levels for styling reasons.
  • Make link text meaningful out of context; screen readers list links in isolation.
  • Keep text contrast at WCAG AA (4.5:1) minimum.
  • Make everything keyboard-operable with a visible focus state.

The full library: SEO best practices, by category.

Frequently asked questions

What does "Low contrast text" mean?

Text on this page has insufficient colour contrast against its background, making it difficult or impossible to read for users with visual impairments. WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text.

Why does low contrast text matter for SEO?

Low contrast text is inaccessible to the estimated 300 million people worldwide with colour vision deficiency and many more with low vision. Beyond accessibility, low contrast text also hurts readability for all users, especially on mobile devices in bright environments. Google's accessibility assessment considers contrast as part of overall page quality, and poor accessibility can expose organisations to legal risk under the ADA and European Accessibility Act.

How do I fix low contrast text?

Increase the contrast ratio between text and background colours to meet WCAG 2.1 AA requirements: at least 4.5:1 for normal text (under 18pt / 24px, or under 14pt / 18.66px bold) and 3:1 for large text. Use a contrast checker tool like WebAIM's Contrast Checker to verify your colour combinations.

How serious is this issue?

This is a medium-severity issue: individually modest, but it compounds — dozens of medium issues across hundreds of pages add up to a real quality deficit in how search engines assess the site. It belongs to the accessibility family of checks.

How do I find every page affected by this on my site?

Run a free Dr Urls audit: it crawls your site, detects low contrast text on every affected page, shows example URLs, and generates a ready-to-use fix task. Re-scan after fixing to verify the issue is gone.

Does your site have this issue?

A free Dr Urls audit crawls your site, finds every page affected by low contrast text, and hands you a ready-made fix task.

Check my site free

Related accessibility guides