WCAG Color contrast checker

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.

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.

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.