You need to turn on Javascript in your browser to use this site!

Checking colour contrast WCAG | Nomensa

Checking colour contrast WCAG

Posted on

1 minute, 40 seconds

This is a quick guide on how to check the colour contrast on your website.

A simple way to check colour combinations meet the requirements set by version two of the Web Content Accessibility Guidelines. Checking colour contrast Captions for Checking Colour Contrast

This is the transcript for this youtube video.

Hello everybody Im Matt from Nomensa and Im going to talk to you about checking colour contrast on your website. There are several ways colour contrast can be tested including automated tools and browser plug-ins but these cannot always be relied upon to give accurate results. Therefore, I recommend using the Colour Contrast Analyser from the Paciello Group.

The colour Contrast Contrast Analyser is a stand-alone application available for Windows or Mac that allows you to check colour combinations used in a design or a live site. By entering the HEX code or using the eye dropper tools in the Colour Contrast Analyser, we can compare colour combinations and the tool will let us know if the pairing meets the contrast ratio set by version 2 of the Web Content Accessibility Guidelines. When testing version 2 of the guidelines be sure to set the algorithm to Luminosity to ensure the correct colour contrast ratio is being given. Obviously checking colour combinations in this way can be quite time consuming but checking colour contrast during the design process or as early as possible should help to avoid any colour contrast issues making their way in to the final site. So there we have it, a simple way to check your colour combinations meet the requirements set by version two of the Web Content Accessibility Guidelines.


How we can help

Unlock a world of inclusivity and enhance your digital presence! Dive into our Accessibility Services now for a seamless user experience that speaks to everyone.


Explore our case study to witness how we’ve played a pivotal role as Royal Mail’s long-term accessibility partner, driving progress towards WCAG 2.0 Level AA and shaping a robust digital accessibility framework.

Related posts

  1. What’s new in WCAG 2.2


    What’s new in WCAG 2.2

    Discover the latest advancements in web accessibility with WCAG 2.2. From new success criteria focusing on mobile interaction to cognitive disability support, learn how these…

We'd love to hear from you

We drive commercial value for our clients by creating experiences that engage and delight the people they touch.

Email us:

Call us:
+44 (0) 117 929 7333

Please update your browser to view this site!