WCAG Contrast checker

Checks for compliance with the contrast levels of foreground and background colors combination based on the requirements of WCAG 2.2

WCAG Contrast Checker – Foreground/Background Compliance

"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.
Download
View on Firefox Browser Add-ons

Add-on stats

By: Rumoroso
Users: 4,293
16
Rating: 4.07
(15)
0.08
Version: 3.8.4 (Last updated: 2024-03-02)
Creation date: 2008-05-25
Weekly download count: 129
Firefox on Android: No
Risk impact: High risk impact
Risk likelihood:
Low risk likelihood
Manifest version: 2
Permissions:
  • <all_urls>
  • activeTab
  • storage
  • webNavigation
Size: 170.77K

Ranking

# 1,272 ▲ 5
Other rankings
Upgrade to see more rankings

Other platforms

WCAG Color contrast checker (v3.8.4)
4.22 (27) 70,000
Not available on Android
WCAG Color contrast checker (v3.8.4)
4.00 (1) 7,555
Want to check extension ranking and stats more quickly for other Firefox add-ons? Install Chrome-Stats extension to view Firefox-Stats data as you browse the Firefox Browser Add-ons.

Add-on summary

Analyze keywords

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.

Privacy statement on: https://rumoroso.bitbucket.io/

User reviews

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
  • Convenient and useful tool for checking color contrasts
  • Helps users improve website accessibility
  • Provides valuable feedback for color contrast issues
Cons
  • Overrides the default keyboard shortcut (Ctrl+Shift+C) for the DevTools Element Inspector
  • The eyedropper feature may not work reliably, changing colors unexpectedly
  • Difficulty in identifying the specific elements on the page that have contrast issues
Most mentioned
  • The add-on conflicts with the keyboard shortcut for inspecting elements
  • The need for a more precise element selector
  • The request for customizable or removable shortcuts in the add-on settings
User reviews
Convenient and useful tool, but it prevents me from using the element picker from FireFox DevTools, because this extension shares the same keyboard shortcut (Ctrl+Shift+C). I could appreciate if it were rebindable.
by Firefox user 18795737, 2025-01-23
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.
by Emmanuel, 2024-09-05
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.
by Patrice, 2024-03-02
View all user reviews

Add-on safety

Risk impact

WCAG Contrast checker requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk likelihood

WCAG Contrast checker has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details