According to Seyfarth Shaw LLP, 2019 saw 2,256 digital accessibility lawsuits filed in US federal court s вЂ“ a 177% upwards jump in cases from 2017, or an average of seven cases every day. While having accessible color contrasts across your site is clearly the ethical thing to do, th ere are other compelling reasons to ensure you comply with WCAG standards. Using a color contrast checker is important to ensure that any visitor to your website can perceive your content, and that includes visitors with visual disabilities. It also indicate s with a simple вЂyesвЂ™ or вЂn oвЂ™ whether the inputted color combination, if used for normal or large-sized text, meets AA or AAA conformance levels as defined by WCAG. The tool then automatically calculate s and present s your color contrast ratio. To check whether yourВ fontВ and background color s meet WCAGвЂ™s minimum requirements for accessibility, all you need to do is i nput the HEX values for your chosen colors into the Siteimprove Color Contrast Checker. The ratio is composed of two numbers, where a 1:1 ratio is the weakest contrast (for example a white font on a white background), and a 21:1 ratio is the strongest contrast (for example, black font on a white background). Since every color on the web is assigned a unique identifier (for example RGB values or HEX codes), it is possible to accurately analyze and compare two color codes against each other, thereby calculating the contrast ratio.

The Web Content Accessibility Guidelines (WCAG) uses a figure known as the color contrast ratio to determine whether your chosen font and background colors meet the level of contrast that is considered acceptable. The Siteimprove C olor C ontrast C hecker is a n easy-to-use tool that helps you determine whether your websiteвЂ™s chosen font and background color s are accessible to pe ople with low vision and color def ic iencies. While having sufficient color contrast is necessary for accessibility reasons, it also makes content easier t o see and read for everyone, resulting in a better user experience for all visitors. Your websiteвЂ™s chosen color scheme should be accessible to people with color blindness, low vision, low c ontrast sensitivity, or other visual disabilities, who may not be able to adequately perceive certain color combinations. Choosing the wrong color combinations can make navigating and interacting with your site confusing or even impossible. For example, a yellow font on a white background is less perceivable to a user with low contrast vision than a white font on a black background. With respect to web accessibility, the right color contrast can determine whether user s with visual disabilities will be able to read your content or not. Color contrast is the difference in light between a font (or any other element) in the foreground and its background.

The colour contrast analyser