Plugin stack · Designers who want accessibility checks built into their workflow

The accessibility stack: 6 Figma plugins for WCAG

Accessibility problems are cheapest to fix in the design file. This stack checks the things you can see in Figma, such as contrast and colour blindness, and documents the things you can't, such as reading and focus order, so developers build them correctly.

6 plugins6 free to startPicked by figmaplugins.co

Stark

597K users

Make it yours. Copy this stack to your account, swap plugins in or out, and share your version with a link.

Make it my stack

The stack

6 plugins, one job each

1
Stark
by Stark
597K users10KFree
Best forAll-in-one suite
Contrast checks, focus order, alt-text annotations and a vision simulator in one plugin. It's free to start; the full suite is paid.
View details
2
Contrast
by Alex Carr
527K users8.5KFree
Best forContrast on images
Checks contrast on gradients, images and blended layers, where a two-colour checker gets the ratio wrong.
View details
3
A11y
by Kelly Gorr
322K users4.8KFree
Best forText contrast
A light, quick check of text colour against WCAG levels. Good when you want an answer without opening a full suite.
View details
4
Able
by Sondre Kvam
144K users2.6KFree
Best forQuick pair check
Select two layers and it compares their contrast at once, with a colour-blindness preview in the same panel.
View details
5
Color Blind
by Sam Mason de Caires
110K users1.9KFree
Best forColour blindness
Previews your design under eight types of colour vision deficiency, which shows where colour alone carries meaning.
View details
6
Accessibility Assistant
by Eugene Gavriloff
38K users1.6KFree
Best forScreen reader notes
Annotates screen reader output and focus order on the canvas, so developers know how the page should read, not just how it looks.
View details

FAQ

Frequently asked questions

How do I check colour contrast in Figma?

Select a text layer and run a contrast plugin such as Contrast, A11y or Stark. Each shows the ratio and whether it passes WCAG AA or AAA. Use Contrast when text sits on an image or gradient.

Is Stark free?

Stark is free to start. The wider suite, with annotations and team features, is paid. The other plugins in this stack are free.

Can Figma plugins make a design fully accessible?

No. They catch visual issues and document intent, but keyboard behaviour, semantics and screen reader output are built in code. Pair this stack with accessibility annotations and a review of the built product.

Keep exploring