A11y - Color Contrast Checker
Text color accessibility
Plugin 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
| Version | 11 |
|---|---|
| Created | July 17, 2019 |
| Last Updated | February 3, 2020 |
| Category | Accessibility tools |
| Creator | Kelly Gorr |
| Stats | 177128 installs, 4260 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥