CRX id
plnahcmalebffmaghcpcmpaciebdhgdf
plnahcmalebffmaghcpcmpaciebdhgdf
Description from extension meta
To check the color contrast between foreground and background of the texts
Image from store
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
- (2023-07-07) Sam Prince: some times it's not picking all colors & automatically some coors are getting grouped.
- (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.
- (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-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.
- (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-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-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.
- (2018-06-22) duncan vortx: Fast, easy to use, works the same as this author's Firefox extension.
Latest issues
- (2023-11-14, v:3.7.2) Lucky: Use with local files
Hi, It seems it doesn't work with HTML files located on PC ? Thanks. - (2023-09-06, v:3.7.2) Malikul Akbar: add feature make live change color
feature live change at page - (2023-05-23, v:3.7.2) Ana Corrêa: The extension isn't working in a platform
Hi Jorge, I am trying to run the checker inside platforms and it does not work (anything that requires a login, such as outlook). Would you know why? does it only work on open webpages? Awesome tool btw! thanks for that. Regards, Ana - (2023-03-31, v:3.7.1) Uvindu Harshana: How did you Make this extension?
What kind of approach you used to make this extension? How did you capture the colors from the site? - (2023-01-26, v:3.6.1) Ezequiel Riposati: The extension isn't working in a specific page
Don't know why, but just in one page the extension isn't working. Is there a chance to force the extension to work? thanks! - (2022-10-11, v:3.6.1) Liam Wheldon: Great tool but could do with an extra feature to help support devs tracking down the issues
Be great if it gave you the element id/class or selector to help track down the offending css/html/js. Even if it just console.log'd the target item, then the dev can take it form there in devtools to backtrack. Some elements which say not visible are near impossible to track. I have a few which weirdly say white background and text, but have no way of identifying what it's picking up with this issue. But similar issue with others, I've had to search for hex (and also convert to rgb) to track down from code, when I feel it could have been possible to do this from this tool with a bit more work. Just want to reiterate I really like your tool for seeing contrast issues, just a little more help in working out what has the issue and it's be even better :-) - (2021-01-20, v:3.5.6) Arne Pedersen: Change panel position
Hi. I like your tool, but i struggle to find the setting where you change the position of the panel. It covers the whole menu and the most detailed part of our application. I saw in a comment below that you said "The only option to change the panel position now is to place it in the right of the window instead of the left. If that helps, you can access to it in the configuration panel." Where is this setting? I've checked the extension settings and the panel settings. - (2021-01-05, v:3.5.6) Jawaria Nadeem: WCAG - Contrast checker
Hello, What is the best place for beginner to start? 1. Knowledge Article WCAG - Contrast checker 2. Video for WCAG - Contrast checker Thank you, Jawaria - (2020-11-19, v:3.5.6) Maksym Kipot: Reposition the Extension Window
Hello Jeorge and thank you very much for the great tool! Is there a way to position the Tool Window from the left to the bottom as it covers in test case the area I am checking. Kind Regards, Maxim - (2020-08-24, v:3.5.4) Vaibhav Saraf: Hotkey combination
Hi, Are there any hotkey combinations I can use to activate the extension quickly? - (2020-08-11, v:3.5.4) Richard GrosJean: Show in elements tab in devtools
Thanks a lot for a great plugin! One immensely helpful feature would be an icon next to the visible/hidden (eye) icon, next to all elements, that shows that particular element in the element tab of devtools. This would be super helpful when hunting down hidden and other tough-to-spot elements. Thanks, Richard - (2019-12-27, v:3.3.1) Jon Maloto: Terms of Use?
Thanks for creating a great extension! Can you please publish the terms of use for your extension? Specifically, I'm most curious whether 1) the terms of use are the default ones for the Chrome Web Store, and 2) whether they preclude commercial use. - (2019-10-21, v:3.3.1) Adam Nicolson: browser history permissions?
Can you tell me why your updated app requires access to my browsing history?