Inclusive design for colour blindness
How we use colour to visually communicate information more inclusively.
We use colour continuously to communicate information. 1 in 12 men and 1 in 200 women have colour vision deficiency (colour blindness) that creates a challenge to their everyday tasks. When creating life science visuals, a common technique is using colour to communicate and create hierarchical information. Let's understand what colour blindness is and discuss effective inclusive design practices to help improve visual communication for people with colour blindness.
How do we see colour?
To understand colour blindness, we need to know how we see colour.
Light is electromagnetic radiation in the form of energy wavelengths. The sun emits wavelengths of energy, and the human eye visually perceives only the colour wavelengths, and each colour has a wavelength measurement. Light travels with all of these wavelengths mixed as white light. The colour wavelength ranges are an approximation since there are no clear boundaries between one colour and another along the spectrum.
When white light hits an object, the wavelengths that make up the colour of that surface bounce back into our eye (the other wavelengths not reflected are absorbed into the object as heat).
Special cells in our eyes, called cones, are sensitive to different colour wavelengths. These 'colour signals' (along with shape, location, etc.) travel via our optic nerve to the brain's visual cortex, where the different signals are analyzed to form a mental image.
Red, blue and green light. How the eye decodes wavelengths into colour.
So, we have covered how visible colours have their own wavelengths. The eye sees reflected wavelengths off of a surface, and the photoreceptors in the eye convert that wavelength into their own data signal to send to the brain. There are three photoreceptor cone cells in the retina responsible for colour vision. Each carries one of three photopigments (red, green, blue) that react differently to coloured light, sending signals to our brain that result in our colour vision. All of the colours we see are a mixture of red, green and blue light.
Considered to be normal colour vision. People have all three functioning cone types:
Red (L = long wavelength)
Green (M = medium wavelength)
Blue (S = short wavelength)
What is colour blindness (CVD)?
Colour blindness is when you are unable to distinguish colours and shades normally. Complete colour blindness is rare, so the more accurate term to describe most cases is colour vision deficiency (CVD).
DICHROMACY AND ANOMALOUS TRICHROMACY
Dichromacy– One type of photoreceptor (cone cell) is missing, and a person cannot see the wavelengths for that type. Only two of three cone cells perceive colour.
Anomalous trichromacy– All three photoreceptors (cones) are present. One cone cell is malfunctioning, causing a reduced ability to see the colour wavelengths in the section of the colour spectrum for that photoreceptor. Those colours appear muted.
Types of colour blindness
PROTAN (RED DEFICIENCIES) COLOUR BLINDNESS
Protanopia (dichromacy) occurs when Red (L) cone cells are missing, and long colour wavelengths cannot be seen.
Protanomaly (anomalous trichromacy) occurs when all three cone types are present, but the Red (L) type malfunctions.
Protanopes are more likely to confuse the following colours:
Black and red
Dark brown with dark green, dark orange and dark red
Some blues with some reds, purples and dark pinks
Mid-greens with some oranges
DEUTERAN (GREEN DEFICIENCIES) COLOUR BLINDNESS
Deuteranopia (dichromacy) occurs when Green (M) cone cells are missing, and medium colour wavelengths cannot be seen.
Deuteranomaly (anomalous trichromacy) occurs when all three cone types are present, but the Green (M) type malfunctions.
Deuteranopes are more likely to confuse the following colours:
Mid-reds with mid-greens
Blue-greens with grey and mid-pinks
Bright greens with yellows
Pale pinks with light grey
Mid-reds with mid-brown
Light blues with lilac
BLUE/YELLOW (BLUE DEFICIENCIES) COLOUR BLINDNESS
Tritanopia (dichromacy) occurs when Blue (S) cone cells are missing, and short colour wavelengths cannot be seen.
Tritanomaly (anomalous trichromacy) occurs when all three cone types are present, but the Blue (S) type malfunctions.
Tritanopes are more likely to confuse the following colours:
Light blues with greys
Dark purples with black
Blues and oranges with reds
Inclusive design for colour blindness
When creating content that will reside on a screen, there are a few things that you need to consider to address the issue of colour blindness. Here are some helpful tips to keep in mind.
For non-decorative images, avoid using colour alone to convey information. Add labels and legends.
Use high contrast between colours because people with colour blindness can still differentiate between light and dark
For graphs and pie charts, use colour blind safe palettes and include shapes, patterns and textures to differentiate information
Avoid the following colour combinations:
Here are some great colour simulators to ensure that your visuals are colour blind friendly:
Visible light waves– Electromagnetic radiation wavelengths measuring from 390–750 nm are visible to the human eye. This visual spectrum is divided into seven colours: violet, indigo, blue, green, yellow, orange and red.
White light– Is colourless light that contains all of the wavelengths of the visible spectrum.
Cone cells– Photoreceptor cells that are responsible for colour vision in the retina. There are three types of cone cells: Blue sensitive cones detect short-length waves 380–550 nm. Green sensitive cones detect medium-length waves 430–670 nm. Red sensitive cones detect long waves 500–750 nm.
Trichromacy– Considered to be normal colour vision. People have all three functioning cone types.
Dichromacy– One type of photoreceptor (cone cell) is missing, and a person cannot see the wavelengths for that type of cone cell. Only two of three cone cells are used to perceive colour.
Anomalous trichromacy– All three photoreceptors (cone cells) are present. One is malfunctioning, causing a reduced ability to see the colour wavelengths in the section of the colour spectrum for that photoreceptor.
Protanopia/Protanomaly– is caused when Red (L) photoreceptors are missing or malfunctioning and long colour wavelengths cannot be seen or are muted.
Deuteranopia/Deuteranomaly– is caused when Green (M) photoreceptors are missing or malfunctioning and medium colour wavelengths cannot be seen or appear muted.
Tritanopia/Tritanomaly– is caused when Blue (S) photoreceptors are missing or malfunctioning and short colour wavelengths cannot be seen or appear muted.