This browser is not actively supported anymore. For the best passle experience, we strongly recommend you upgrade your browser.
| less than a minute read

How to Test Colours Combinations for Accessiblity

We have all come across a website or image were the colour contrast between the background and the text make it exceedingly difficult to read. For some the need for high contrast between text and background is more significant than for others. When designing, how can you ensure your colours provide sufficient contrast for all?

The Web Content Accessibility Guidelines is an internationally recognised and followed standward for ensuring accessibility. WCAG provides guidance for ensuring content is accessible, including colour contrast ratios. The linked article covers the tools available to help with testing the colour contrast ratio and adjusting your design to be compliant.

Read the full Testing Web Design Color Contrast article 

Accessible color contrast is a practice that ensures text is readable for everyone. Sometimes testing contrast is easy and sometimes it's really hard

Tags

accessibility, wcag, disability inclusion, accessible design, inclusive design, colour contrast, english, highlight

Creating, sharing and inspiring change. For good.

The global issues we face are challenging and interconnected. They can seem insurmountable. But if you know where to look, co-operation, positive change and hope are all around us. Build Beyond Even Better is a project that recognises the progress being made, and the amazing people who are making a difference. Share your own hopes, pledges and projects with #BBEB, or become a contributor.

Please read our BBEB Charter PDF.