Accessibility fix guide WCAG 1.4.3 Contrast (Minimum)

How to fix: Text must have enough color contrast

Text needs to contrast with its background so people with low vision can read it. The minimum is 4.5:1 for normal text and 3:1 for large text.

The fix

Increase the contrast between text and its background to at least 4.5:1 (3:1 for large text).

Fails

.muted { color: #999; background: #fff; }  /* 2.8:1 */

Passes

.muted { color: #595959; background: #fff; }  /* 7:1 */

Does your site have this issue?

Scan any page free against WCAG 2.2 AA and get every issue with its fix.