tell the machines

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.

More info on text to background ratios here, and link to text ratios here.

go to website

view on github