There are a few tools available for testing colour contrast for text. But are there any guidelines/tools to test colour contrast for areas of colour, e.g. bars in a stacked bar graph.
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
There are a few tools available for testing colour contrast for text. But are there any guidelines/tools to test colour contrast for areas of colour, e.g. bars in a stacked bar graph.
The colour contrast rules are there to ensure that users with low-vision or colour-vision impairment can still distinguish different elements. For a graph, I’d be doing two things:
1) Test the page on a colour-blindness simulator. I use Vischeck but I’m sure there’s others out there.
2) Back up the use of colour with another method of distinguishing between bars – pattern and labelling come to mind. If the graph is an image, you can also give it a caption that summarises the data.
You could still use something like the Color Contrast Analyser for a graph. For each bar, use the foreground eyedropper to sample it, then the background eye-dropper to sample the background and the columns to either side.