extension ExtPose

WCAG Color contrast checker

CRX id

plnahcmalebffmaghcpcmpaciebdhgdf-

Description from extension meta

To check the color contrast between foreground and background of the texts

Image from store WCAG Color contrast checker
Description from store It checks the color contrast between the foreground and background of the elements that are in the page according to the WCAG 2.2. 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. It can simulate color blindness and evaluate the contrast for the simulations. By this way, developers can see how the pages look for colorblind users. The tool also includes two fields in which the colors can be introduced manually to be tested. It also allows to pick the color directly from the documents. 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/

Latest reviews

  • (2025-05-06) Human Person: It understandably doesn't detect the background color correctly when the background is an element with opacity over a background image. When this happens, I'd like to manually select the background color to confirm the contrast is high enough, but when I select the correct background color with the eyedropper tool, the contrast listed doesn't update. The color is picked correctly, except as an rgba color with an alpha of 0. It does this even if the color I'm picking has no opacity. I have to go to an external tool to convert this to a hex color and paste it back in as a hex to get the contrast checker to update. It would save a lot of time if the eyedropper tool picked a hex color. Once I manually correct a background color, it would also help if I could save this at least until the page reloads, so I can more easily identify which colors I haven't checked yet.
  • (2025-04-11) Paolo Pantaleo: It seems it doesn't work on localhost, at lest with Svelte develoment environement, so not very useful
  • (2025-01-29) Wednesday Dessauer: I tried a bunch of contrast checking extensions and settled on this one! What I liked: 1) Immediately loads all the contrast pairs it finds in the page with no need to manually capture areas. 2) Provides the actual contrast ratios, not just a pass/fail grade. 3) You can still manually enter colour values if you want. 4) Has an awesome feature where you can quickly switch between different types of colour-blindness to see how those conditions impact the contrasts! Limitations: 1) Some pages will have problem areas such as text on background images which this system can not account for. 2) In a complex page, it can be difficult to identify a specific area in the page to find its contrast report. It needs to be located in reverse: clicking on the contrast pairs list items puts a red border on that element in the page (& scrolls to it). This helps, but some are still hard to locate. 3) The grading system only offers two levels (WCAG2.2 AA & AAA). It would be nice to have a custom field to set a targeted standard. 4) It would be nice if the custom colour entry had an eye-dropper tool. This would assist in problems 1 & 2.
  • (2024-09-27) K B: Haven't had any major issues with it. Works well for what it is and can quickly verify contrast on page across multiple visual deficiencies.
  • (2024-08-07) Orgoth Dorngree: Does not really work well, in some cases it detects the wrong colors for for- and background. forground: #ffffff background: #ffffff But on page it is: forground: #ffffff background: rgba(25, 145, 238, 0.8) It also does not respect text-shadows which improve the readability, which is confirmed by people with very bad eyesight.
  • (2024-03-22) Sam Revier: Love it! Would be great if you could add support for APCA and Oklch colors as well.
  • (2024-03-18) Bruno Tonel: Stopped to work with local PDFs in last update. Please, consider to fix with a new update. Best regards.
  • (2024-02-16) Joe Gardiner: Great extension for easily finding colour contrast accessibility issues - especially with the auto-update feature. Unfortunately the extension overlays on the page and doesn't appear to update the viewport, so there are parts of the page that are hidden from view that are being analysed that I can't see - it would be good if the extension either updated the viewport so that all items on the page are always visible (similar to how DevTools works) or if when you clicked on an item, it would show the offending element in the DOM or part of the text of the element so it's easier to see what it is. Could do the same as the axe accessibility tool and be available inside the DevTools window to not have to deal with managing the viewport/position. It would also be handy to be able to hide the results for elements that aren't visible.
  • (2024-01-23) Romário Lima: Amazing extension! But it lacks support for CSS variables.
  • (2023-07-07) Sam Dhinakaran: some times it's not picking all colors & automatically some coors are getting grouped.
  • (2023-07-07) Sam Dhinakaran: some times it's not picking all colors & automatically some coors are getting grouped.
  • (2022-07-29) Shura Chaikina: Cool!
  • (2022-07-29) Shura Chaikina: Cool!
  • (2022-06-04) S LT: It would be nice to be able to select which side of the page the panel appears on (right side as well as the left side) because some, in fact most sites have left side navigation panels.
  • (2022-06-04) S LT: It would be nice to be able to select which side of the page the panel appears on (right side as well as the left side) because some, in fact most sites have left side navigation panels.
  • (2021-11-29) Juan Pablo Amado: Simple, efectivo y útil. Debería tener una interfaz un poco más sencilla pero igual funciona bien.
  • (2021-06-03) Adrienn Tollas: Really useful tool when testing for accessibility, but i wish one could change the position of the panel to the right side. do you think this update could happen soon?
  • (2021-06-03) Adrienn Tollas: Really useful tool when testing for accessibility, but i wish one could change the position of the panel to the right side. do you think this update could happen soon?
  • (2021-03-30) Luis Campillo Matias: This plugin is very good, thank you very much for your work ! Your plugin help me everytime :)
  • (2021-03-30) Luis Campillo Matias: This plugin is very good, thank you very much for your work ! Your plugin help me everytime :)
  • (2021-01-25) Andre G.: I saw a score for my website. What I did not see is which elements are making my score bad so I can improve them. All I know at this point is that it is a span element. There are over 400 of them on that page. Please tell us which one it is.
  • (2021-01-25) Andre G.: I saw a score for my website. What I did not see is which elements are making my score bad so I can improve them. All I know at this point is that it is a span element. There are over 400 of them on that page. Please tell us which one it is.
  • (2020-12-11) Frédéric Champagne: Works really well when it works... For some reason it stopped working recently and can't figure out how to make if work again
  • (2020-12-11) Frédéric Champagne: Works really well when it works... For some reason it stopped working recently and can't figure out how to make if work again
  • (2019-10-20) Chris Horikx: Why does this need to access my browser history all of a sudden - delete
  • (2019-10-20) Chris Horikx: Why does this need to access my browser history all of a sudden - delete
  • (2019-10-18) Andrés Rodríguez: The extension wants my browser history for telling me the contrast values of my current page? That is madness.
  • (2019-10-18) Greg Grunwald: It works well, but after the latest update, devs for whatever reason decided that they should request access to our browser history and then sell it. I'd rather you use ads. Won't be using this anymore.
  • (2019-10-18) Greg Grunwald: It works well, but after the latest update, devs for whatever reason decided that they should request access to our browser history and then sell it. I'd rather you use ads. Won't be using this anymore.
  • (2019-07-31) Eric Klemen: Very useful and time saving tool. Highly recommended!
  • (2019-07-31) Eric Klemen: Very useful and time saving tool. Highly recommended!
  • (2019-04-09) Lukasz Przewlocki: Very useful extension. Allows you to see a list of elements that meet or doesn't meet one of the 2 criteria, and highlights them when needed. Uses the newer, v.2 standard for the calculations, distinguishes between large/small, normal/bold text. Auto refreshing is useful when testing elements that react to hover events.
  • (2019-04-09) Lukasz Przewlocki: Very useful extension. Allows you to see a list of elements that meet or doesn't meet one of the 2 criteria, and highlights them when needed. Uses the newer, v.2 standard for the calculations, distinguishes between large/small, normal/bold text. Auto refreshing is useful when testing elements that react to hover events.
  • (2018-06-22) duncan vortx: Fast, easy to use, works the same as this author's Firefox extension.
  • (2018-06-22) duncan vortx: Fast, easy to use, works the same as this author's Firefox extension.

Statistics

Installs
80,000 history
Category
Rating
4.1333 (30 votes)
Last update / version
2024-03-03 / 3.8.4
Listing languages
en

Links