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.
![WebAccessibility-Examples1 Example of how to include text on an image for best accessibility compliance.](https://brocku.ca/brand/wp-content/uploads/sites/sites/176/WebAccessibility-Examples1.jpg?x13922)
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:
Color Blind Check
- Identifies type and severity of colour vision deficiency.
- Colour Blind Filter
- Sim Daltonism simulator