Y1 Contrast Checker
by Michael
Check color contrast for WCAG 2.1 & APCA — right inside Figma
Installs
0
Likes
0
Users
5
Views
4
Preview
About this plugin
Check color contrast ratios directly in Figma — without switching tools. Select 1 or 2 layers to automatically pick foreground and background colors. The plugin calculates contrast ratios in real time and shows you exactly whether your combination passes WCAG 2.1 (AA / AAA) or APCA (WCAG 3 draft). Features: · WCAG 2.1: AA and AAA results for normal and large text · APCA: Lc values for body text, large text, and UI components · Live preview with original and inverted color pair · Visual contrast scale with threshold markers · Color suggestions when a combination fails · CSS export with one click · Dark UI — designed for focused work
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