Ensure that people can visually identify the content.
Why this matters
If the contrast isn’t high enough for all the users to be able to read a chart or infographic, then the chart or infographic fails to achieve its purpose.
How to implement
Read Using color, specifically the section on charts and infographics.
Ensure you implement the colors provided by the Designer.
How to test
- Inspect the element being tested using the browser’s developer tools.
- Inspect the background behind the element using the browser’s developer tools.
- Compare the hex color of the element being tested to the hex color of the background using one of the contrast checkers on List of Contrast Checkers. The contrast ratio should be 3:1 or higher.