Perceivable - Accessibility & Contrast
by Niki Light
See what everyone sees: accessibility and colour-blind checks in Figma.
Installs
1
Likes
1
Users
15
Views
124
Preview
About this plugin
Perceivable checks your Figma designs for accessibility problems before they ship.
Press Scan and it goes through the whole page in one pass: text contrast, tap-target sizes, missing alt text, heading order, and more. It's all measured against WCAG, the standard behind the European Accessibility Act and the ADA. Each result points to the exact layer and tells you how to fix it, and most fixes apply in one click.
It also catches something other tools miss: colours that look fine to you but turn unreadable for colour-blind users. When it finds one, it suggests a colour that stays readable for everyone and recolours the layer for you. Other tools just show you a simulation. This one gives you the fix.
Everything runs on your own machine. No account, no sign-up, and your designs never leave your computer.
The free version does all the everyday checks and fixes. Pro (coming soon) adds AAA contrast, cross-screen consistency checks, the full eight-type colour-blindness simulator, and exportable reports for when you need to prove a design meets the standard.
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