Text can be hard to read when it is placed on top of a detailed or patterned background, or even a solid background colour or a colour with gradation, if the contrast is insufficient.

Follow these best practices to ensure proper contrast

• Place text on a high colour-contrast, solid background.
• Complete a colour contrast test before publishing new content.
• Visit Webaim Colour Contrast to learn more about colour contrast and analysis.

Check your colour contrast using these tools:

• Contrast Checker
• TPI Colour Contrast Checker

Color Blind Check

• Identifies type and severity of colour vision deficiency.
• Colour Blind Filter
• Sim Daltonism simulator