WCAG Color contrast checker WCAG Color contrast checker

Developer Tools
Version: 3.7.2
Last Update: 2023-04-02

Overview

WCAG Color contrast checker is a Chrome extension developed by Jorge Rumoroso. According to the data from Chrome web store, current version of WCAG Color contrast checker is 3.7.2, updated on 2023-04-02.
50,000+ users have installed this extension. 15 users have rated this extension with an average rating of .

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.1.

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/

Rating

15 ratings

Total Installs

50,000+

Information

Last Update

2023-04-02

Current Version

3.7.2

Size

170KiB

Author

Jorge Rumoroso

Website

None

Category

Developer Tools

Latest Reviews

See More

avatar Juan Pablo Amado
2021-11-29

Simple, efectivo y útil. Debería tener una interfaz un poco más sencilla pero igual funciona bien.

avatar Adrienn Tollas
2021-06-03

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?

avatar Luis Campillo Matias
2021-03-30

This plugin is very good, thank you very much for your work ! Your plugin help me everytime :)

avatar Andre G.
2021-01-25

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.

avatar Frédéric Champagne
2020-12-11

Works really well when it works... For some reason it stopped working recently and can't figure out how to make if work again