Super Colour Contrast Checker | Tell the machinesSkip to content
tellthemachines

Super Colour Contrast Checker

A tool for accessible design and development. Checks body text and link colours against WCAG 2.0 specifications.

There are plenty of tools out there for checking text to background contrast ratios, but none that checks links against both text and background. In terms of accessibility, this is only an issue if links are not underlined or otherwise distinguishable from the rest of the text – which is often the case nowadays.

So I came up with this tool, based on WebAIM’s color contrast tool by Jared Smith (which has always been my go-to online contrast checker). To make things a bit friendlier, the interface shows you in real time what your colours will look like when in use.

The spec is not always straightforward to understand but is the most reliable source of information out there on text to background ratios, and link to text ratios.

Go to website

Look at the code