WCAG Color contrast checker
To check the color contrast between foreground and background of the texts
Check the contrast between different colour combinations against WCAG standards
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
Compare the contrast ratio of 2 colours, background and foreground, within a webpage against level 2 of the Web Content Accessibility Guidelines (WCAG).
*More information about understanding colour contrast:
https://webaim.org/articles/contrast/
Features
- Use the text fields to compare colours using Hex codes or colour names
- Use the colour picker tool to compare colours on a webpage
Inspect the latest comments and rating distribution.
Store average score: 3.5. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
To check the color contrast between foreground and background of the texts
Fastest website review, bug report and heuristic evaluation tool for designers and devs.
Inspect website styles in seconds. Supercharge your workflow, and save hours of work.
Discover and highlight accessibility violations on the web with the push of a button.
To show, browse and audit (for accessibility and SEO) the headings structure
Find and fix compliance issues in record time with automated checks and smart suggestions.
Thank you so much for developing this extension. This helps me a lot.
I really like this idea but I wish it worked for while I was developing websites offline.
Actually this is a pretty good contrast checker. Definitely the best i've used so far. A few things could be better: - When clicking on the pipette for picking a color, it takes 1-2 seconds to load. Actually this is the point that annoys me the most. Would be great if that loads instantly. - In the top right are three action buttons that are cut on my computer. Don't know if that is a problem with my system or a general one. Should be investigated on. - The fail/pass badges a a bit to subtle for my opinion. Especially when modifying the color it would be nice to have a more prominent feedback (maybe failing is outlined and passing is solid color).
Great tool!
love it
Fab little extension, does everything a designer could need for creating accessible online experiences. (Particularly love the eye dropper feature!)
What a breath of fresh air, an actually usable contrast checker. The author obviously put thought into the design and it's a delight to use.
Its great for Dev's and QA's for ensuring that your colours on your pages are AA or AAA compliant with accessibility standards. Love the new colour picker feature too
Invaluable for real devs.
Fantastic tool for developers!