Skip to content

A plan for accessible charts

A list of user research findings, accessibility report findings, best practice, resources and good ideas that I’ve collected. Last updated on 16 April 2021.

How to make accessible charts

Read on for more detail.

Colour

Update on 5 December 2018

Thanks to Henry for suggesting these points about how colour is used by data visualisation producers…

Colour also has semantic meaning. Be careful to check what those colours could mean for people. Meaning also varies culturally so may mean different things outside what you're used to.

Be mindful that when using colour to represents your data that it shows the relationships in your data. E.g. if your data is different categories, your colours should be as distinct as possible. If your data is sequential or represents a range, colour should change in a sensible way. Lab and HCL colour spaces calculate colour based on the way the human eye works, rather than how computers calculate colours.

Line and bar style

This game on the Apple app store uses some nice patterns to help make the game usable for people with colour vision deficiency.

Present data in alternative ways

Interactive elements

Typography

Layout

SVGs

Read more about SVGs in this blog post

HTML mark-up

Other resources

Examples of charts across UK government services