DigitalA11Y Color Contrast Checker

Accessibility color contrast checker and color pallet generator

What is DigitalA11Y Color Contrast Checker?

The 'DigitalA11Y Color Contrast Checker' is a Chrome extension built for easy accessibility. It measures and compares the contrast ratio between foreground and background elements on a webpage according to WCAG requirements. The checker picks colors with a single click, allows manual input of colors, provides instant ratio results, and recommends compliant, contrastive color options.

Download

Stats

By: https://digitala11y.com

View on Chrome Web Store

Users: 1,000+ ▲ 7

Rating: 4.50 (4)

Version: 1.0 (Last updated: 2023-01-25)

Creation date: 2023-01-25

Risk impact: Low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 3

Permissions:

activeTab
scripting

Size: 72.95K

Email: he*****@digitala11y.com

URLs: Website ,Privacy policy

Stats date:

Chrome-Stats Rank

# 27262 ▲ 2412

Other rankings

#556 in Accessibility ▲ 4 #107 in checker keyword 63 ▲ 15

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

Accessibility color contrast checker and color pallet generator according to WCAG accessibility requirements. It compares the color contrast ratio between the foreground and background of the elements that are on the page according to WCAG.

Features: 1. Be at the top of the web page for easy access 2. Picks the background and foreground colors from the web page with just a click. 3. Allows the manual input of background and foreground colors in hexadecimal values. 4. Provides the current ratio in a jiffy. 5. Suggests possible color codes that are contrastive as per WCAG guidelines.

User reviews

Can't close or resize the panel... Always resets to #fff on #000

Jazz Rich, 2023-02-23

I like the ease of use and how straight forward it is. I can easily copy and paste HEX codes into the different sections, or use the eyedropper to grab the color I need. An issue with the eyedropper is that it's zoomed in so much that it can be a little difficult to get on a row or column of pixels in order to grab the color you're trying to get. I tried it on the menu of my client's site and the pixels it showed for the text were various colors (I'll comment with a screenshot). I typically use ColorZilla to grab color codes, but it's zoom is not as good as yours. Having the iframe take up space at the top of the window, and not being able to adjust the height of it will take a little getting used to. This is not a complaint, btw. I appreciate that you included a "More color details" section that can expand to show the wcag color levels chart for the text color, and the various colors within that range below the chart. That makes it so much easier to decide which color to use. Overall, GREAT JOB! This is going to be the one I use for testing from now on.