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
A11y - Color Contrast Checker
无障碍 · 3,907 likes
Text color accessibility
Related plugins
- 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 🔥
- Color Designer
- Vectorized (PNG to SVG)
Convert bitmap-type images into vector graphics
- Supa Palette
The ultimate color palette generator for Figma