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,429
-58
Rating: 4.14
(14)
Version: 3.8.4 (Last updated: 2024-03-02)
Creation date: 2008-05-25
Weekly download count: 90
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,247 ▼ 4
Other rankings
Upgrade to see more rankings

Other platforms

WCAG Color contrast checker (v3.8.4)
4.19 (26) 70,000
Not available on Android
WCAG Color contrast checker (v3.8.4)
4.00 (1) 7,579
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
  • 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.
User 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.
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