Colour Blindness Design Change

April 23, 2007


After the release of our benchmarking Report Cards we received a few pieces of feedback from our clients saying that they could not determine their percentile rating because of colour blindness. Mainly distinguishing between the green and orange boxes for “Your Percentile” rating. See below:

Report cards before

So we decided to make a slight design change to these boxes so they would be easier to interpret regardless of what colours we used. See new design below:

Report card after

About 1 in every 20 people suffer from a colour vision deficiency – something to consider when you are designing your web pages, and not only when you choose colours, but also when you decide to display information. Clearly it’s important to display information in a simple and easily understood format and not rely too heavily to certain colours to convey meaning.

Here is a cool little online tool which I stumbled upon. It allows you to check what your images or website(s) look like from the eyes of someone who is colour blind.


about the author

FreshBooks is the #1 accounting software in the cloud designed to make billing painless for small businesses and their teams. Today, over 10 million small businesses use FreshBooks to effortlessly send professional looking invoices, organize expenses and track their billable time.