Skip to main content

A new way to work

Creating an accessibility toolbox

Equip yourself

The rights tools used correctly will definitly improve an accessibility-friendly workflow. At least that's our belief. This is why we put together this "Tool" section: to provide you with relevant tools that don't interfere with your habits.

Color Contrast by signo

This is our very own tool built to help you figure out color contrast. It was built by us on top of the WCAG (Web Content Accessibility Guidelines) guidelines. You can learn more about color contrast in our Design section.

Our Color Contrast tool will calculate the contrast ratio of any colour you feed it with: start with your foreground color, then enter your background color.
If your color contrast ratio fulfills all the WCAG 2.0 certifications, you get a nice preview of your palette. If your ratio is below 7, where contrast levels start to get low, we will suggest you a range of colors which are close to yours, but which features a contrast ratio of 7 or above.

Please note that in order to use our tool, JavaScript is required 👍

Check your colors

Resources

We put together a list of what we found was useful when building this website, and what we think is useful when working with accessibility in any field, whether it be design or development. You can also suggest us additions to this list through GitHub.

Resource your bookmarks

W3C Guidelines

Also know as WCAG, or WCAG 2.0 in its current norm, these rules specify how web developers and designers should create web content which can be accessible to people with disabilities. Disabilities include many different impairments.

WCAG me good