With EXPERTE.com's Color Contrast Checker, elements on your website that have insufficient color contrast will be identified. The tool automatically crawls your website and checks all visible elements according to the WCAG 2.1 guidelines ⇱, ensuring that those with visual impairments can also use your site without any issues.
How Does the Color Contrast Checker Work?
The Color Contrast Checker tests up to 500 subpages of your website and checks whether the contrast ratio of text to background is sufficient for each visible HTML element. According to the WCAG 2.1 guidelines, these are:
- Large text
Text with a minimum size of 18px requires a contrast ratio of 3:1
- Small text
Text with a size of less than 18px requires a contrast ratio of 4.5:1
How Do I Use the Color Contrast Checker?
Our tool can be used in two different ways:
You specify the start URL and we crawl the website to find more URLs. On each subpage, we search for elements with insufficient contrast.
You submit a list of URLs, and we check the color contrast for each.
You can also choose what type of test you want to perform:
Color contrast check
In this mode, we only check the color contrast of the pages.
Full accessibility test
In this mode, we perform a full accessibility test, in which 40 additional features are checked in addition to color contrast.
An accessible website is one that is designed so that those with visual or hearing impairments can use it without restrictions. For example, this ensures that all site elements have sufficient color contrast, i.e. the text color differs sufficiently enough from the background color.