Color Contrast

There should be enough color contrast between text and background for the text to be easily readable.

Users Affected

Checklist

• Color contrast between text of 17pt or lower and the background exceeds 4.5:1

• Color contrast between text of 18pt or above (or bold text at 14pt or above) and the background exceeds 3:1

• Best practice: contrast between visual focus indicators and the background exceeds 3:1

• Best practice: contrast between informative icons and the background exceeds 3:1

References

In WCAG

• WCAG Success Criterion 1.4.3: Contrast (Minimum)

Tools and Resources

• Colour Contrast Analyser (Paciello Group)
• NoCoffee extension for Chrome (for simulating low contrast)