"WCAG Contrast checker" is a Firefox add-on designed for web developers and designers to assess the contrast between text and background colors on web pages, ensuring they meet the Web Content Accessibility Guidelines (WCAG) 2.2 standards. It automatically analyzes page elements, considers RGBA values and element opacity, and provides a manual testing feature for custom color pairs. With dynamic page monitoring and an option to disable auto-refresh on active pages, it's a comprehensive tool for maintaining accessibility standards.
Want to check extension ranking and stats more quickly for other Firefox add-ons?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Firefox Browser Add-ons.
It evaluates the contrast on all elements of the page considering their computed style for the color and background-color CSS properties. In case of these colors are defined with RGBA values, it also considers the opacity to deduce the real color that finally is show.
The tool also includes two fields in which the colors can be introduced manually to be tested.
Finally, it auto-refreshes when DOM of the page changes (addition or removing elements), but if the page has many changes, this behavior can be de-activated.
These summaries are automatically generated weekly using AI based on recent user reviews.
Firefox Browser Add-ons does not verify user reviews, so some user reviews may be inaccurate,
spammy, or outdated.
Pros
Useful tool for checking color contrasts.
Helps improve accessibility of websites.
Users appreciate the effort put into enhancing the tool.
Cons
Overrides the default keyboard shortcut for Devtools Inspector (Ctrl + Shift + C).
Eyedropper feature can be unreliable, sometimes changing color unexpectedly.
Contrast indication is not precise, making it hard to locate elements on the page.
Most mentioned
Override of the keyboard shortcut for inspecting elements.
Difficulty in locating content with contrast issues.
Desire for customizable settings and features.
Recent reviews
Nice add-on, but an important drawback for me: it overwrite the Devtools Inspector's keyboard shortcut (Ctrl + Shift + C) on Firefox.
I'm sorry not to use this extension as long as the problem persists.
Nice extension, but don't work now. I have the same problem on Chrome. I put the five stars when the extension works again ;)
//EDIT : thanks for the correction.