Back to Plugins
A11y - Color Contrast Checker

A11y - Color Contrast Checker

Text color accessibility

contrastinclusiveaccessibilitydesigncontrastcheckercolorratiowcagaaaccessiblecoloraaaa11y

Plugin Preview

A11y - Color Contrast Checker preview

About this plugin

Ensure your text is readable for users by adhering to WCAG (Web Content Accessibility Guidelines) standards.


This plugin checks the color contrast ratio of all visible text in a frame, and it provides feedback on whether it meets WCAG’s AA and/or AAA level compliance. It also provides color sliders that allow users to adjust the colors and understand how the corresponding contrast ratio changes in real-time.


Currently only supports single, 100% solid fills. Working on some known issues with background layer detection (this is due to currently only supporting the aforementioned).


Created by Tiffany Chen

Plugin Details

Version11
CreatedJuly 17, 2019
Last UpdatedFebruary 3, 2020
CategoryAccessibility tools
CreatorKelly Gorr
Stats174599 installs, 3941 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js