Colour and contrast

Make sure that colour can be clearly seen if it conveys meaning, and that you always provide an alternative way to convey that meaning.

Visual disabilities that impact seeing colour

For some people, colours can be difficult or impossible to see or tell apart.

What are colour and contrast?

Understand how colours are defined for web content and how contrast between 2 colours is measured.

Design with colour in an accessible way

Make sure that people with low or partial vision and/or colour vision deficiencies can perceive all web content that communicates information.

• Do not rely on colour alone
• Contrast for text and images of text
• Contrast for non-text content
• Other colour and contrast considerations

Testing colour and contrast

Test that your web content does not rely on colour alone and that it has the required colour contrast ratios.