Layerat Contrast
by LAYERAT
Check WCAG contrast, then apply a passing color only when you say so.
Installs
0
Likes
0
Users
1
Views
6
Preview
About this plugin
Layerat Contrast checks text against its real background in your Figma file.
Select a text layer, or a frame that contains text. The plugin reads the text fill and the first solid background behind it, then shows the WCAG 2.1 ratio.
You get:• Live contrast ratio• AA, AA Large, AAA, AAA Large, and UI (3:1) targets• A preview of the current pair• A suggested foreground that passes by adjusting OKLCH lightness only — hue stays• Apply writes the new color only after you confirm• Scan the selection or page for failing text layersNothing is changed in your file until you click Apply.
Built by Layerat. Free, works offline, made for real design-system work.https://www.layerat.com
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility