WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Question Regarding Chart Patterns, Color Contrast, and Cognitive Disabilities

for

Number of posts in this thread: 3 (In chronological order)

From: Elle
Date: Tue, Jul 31 2012 4:04PM
Subject: Question Regarding Chart Patterns, Color Contrast, and Cognitive Disabilities
No previous message | Next message →

All:

Our company is creating a series of pie charts that will depend on using
both color and pattern to distinguish the various slices of information. We
will be presenting the information in an alternate format as well, but we'd
like the patterns to work for visual users who would appreciate getting
information in this format.

Could I get some feedback on which patterns you think work best to
distinguish one pie slice from another? I have informally queried an
autistic friend of mine who reminded me that sometimes the highest color
contrast does not equate to the most accessible experience for him. Another
friend who is color blind noted his preference for really high color
contrast, so I'm interested in as many opinions as possible to find a good
solution: http://i.imgur.com/te6tf.jpg



Thanks very much,
Elle

From: Joe Chidzik
Date: Wed, Aug 01 2012 6:50AM
Subject: Re: Question Regarding Chart Patterns, Color Contrast, and Cognitive Disabilities
← Previous message | Next message →

> Could I get some feedback on which patterns you think work best to distinguish
> one pie slice from another? I have informally queried an autistic friend of mine
> who reminded me that sometimes the highest color contrast does not equate to
> the most accessible experience for him. Another friend who is color blind noted
> his preference for really high color contrast, so I'm interested in as many
> opinions as possible to find a good
> solution: http://i.imgur.com/te6tf.jpg

[Joe Chidzik] Easy to readsee colour schemes are so subjective: as you note, some vision impaired users will prefer a high contrast scheme, and we've found that some dyslexic users prefer a more pastel based theme (which they've described as having less 'glare' than starker contrast schemes). The idea of using shading in addition to colour is a good way of removing the reliance on colour, and will aid users with colour blindness or low vision.

As it is, I would say you are meeting your obligations by providing the same information in an alternative format anyway (tabular data I'm assuming).

An ideal solution, if you want to go the extra mile, would be to have a several colour schemes which users could choose from - perhaps just a high contrast one and a standard one similar to the one you linked to.

Alternatively, allow the pie charts to be interactive so that a user can toggle different sections on and off; this would allow users to hide all sections except the one they are interested in, and remove the reliance on colour alone as the distinguishing feature.

Yet another idea is to provide larger versions of the same charts; the W3C guidelines on good colour contrast are reduced for larger text as it is presumably easier to read. You could produce two versions of each pie chart; the standard size for the page, and a larger one to link to.

One thing: The W3C guidance relating to having good contrast in text, specifies that a contrast ratio of 3:1 is sufficient to distinguish links from non-link text (as an example) - http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/G183. You may want to use this as the basis for choosing a range of colours that contrast well with one another; there is sufficient room here to choose colours that contrast well, but are not too high contrast.

Joe

From: Elle
Date: Wed, Aug 01 2012 6:54AM
Subject: Re: Question Regarding Chart Patterns, Color Contrast, and Cognitive Disabilities
← Previous message | No next message

Thanks for the feedback and really good suggestions, Joe! Giving the user
a choice with high contrast, hiding some sections, or another color option
are all great recommendations that I can put into our upcoming usability
testing plan.


Much appreciated,
Elle