To test the color contrast according to WCAG accessibility requirements
It checks the color contrast between the foreground and background of the elements that are in the page according to the WCAG 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/
- (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) Andrej Gajduk: 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.
- (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) Maxim 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-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?