A11y Color Contrast Accessibility Validator is a standalone tool for checking your site’s color accessibility. The tool, an open resource, runs on the WCAG 2.1 1.4.3 success criterion and is efficient in making an accurate check of your site’s color accessibility.
Color accessibility means that users with visual impairments or color blindness enjoy a smooth experience interacting with your digital products. When you comply with the WCAG minimum requirements for color contrast, this means that people with color blindness and low vision will smoothly navigate your website. On the other hand, not complying brings untold strain to audiences with visual impairments.
Color validator violation check
In a bid to help website owners achieve color contrast compliance, A11y color validator thoroughly checks for violations on a given web page. All you have to do is paste the link that leads to the page you want to check for contrast. Shortly after, your contrast evaluation pops up in a tabular form. The first table gives samples of failed difference color-pairs, while the second table provides samples of good use of contrast.
Color contrast analysis
What makes this tool interesting is its detailed and easy-to-understand analysis. Each contrast analysis comes up under four subjects: Background Color, Text Color, Font Color, and Ratio Failure (or Success, as the case may be). The system then identifies your website background, font color and font type, name, size, weight, and dimension. Also, the system identifies the exact part of your content that violates the WCAG. It also features the code snippet that is affected. Finally, under the Ratio Success/Failure, you can find the present ratio level and the required amount to pass the WCAG requirements.