Situation
Do you sometimes find yourself squinting to read a text because an unsuitable background prevents you from clearly distinguishing the characters: you are faced with a contrast problem.
Information
Users should be able to read your digital documents easily. Color plays a vital role in their perception. Readability is achieved through sufficient contrast between the written text and the background on which it is placed.
By choosing a light background color with very dark writing or vice versa, you are assured of obtaining high contrast.
There are tools that allow you to measure the quality of a contrast, and to choose the combinations that meet accessibility requirements.
Our recommendations
Avoid problematic color combinations like pairing white text on a turquoise or orange background.
Don't rely solely on your eyesight, use contrast ratio measurement tools available on the internet.
Explore more!
- Free Contrast Analysis Software (MacOs & Windows) ;
- Lisio, the blog: The importance of color contrasts in digital accessibility ;
- Colors – Palette (State Design System).
Status
Sent to staff: November 13, 2024