Contrast is something that is not often considered when designing a website, but it can make your site fail accessibility checks.

Contrast, in terms of accessibility, is when you have one coloured element sitting on top of another.

For example, this might be black text on a white background or light grey text on top of a darker grey background (think buttons on your website).

If the contrast between the two colours is not sufficient, it can make the text elements hard to read and your website will fail accessibility tests.

This tool: https://webaim.org/resources/contrastchecker/

Will allow you to check the contrast of colours used on your site to see if they pass or fail accessibility tests.

To conclude...

Contrast can be a problem if you already have your branding done and use specific colours across everything, but it is worthwhile making sure your website is accessible, even if you need to tweak the colours.


Back to WordPress glossary Get help with WordPress

Need help with your WordPress site?

If you need to improve your existing site or are looking to commission a new website, call us on 01295 266644 or complete the form - we'll get in touch!

Top