A11y Check — WCAG Contrast, Spacing & Touch Targets
Audit any frame for WCAG 2.2 contrast, spacing, touch targets and text — in one click.
Plugin Preview
About this plugin
A11y Check audits your Figma frames the way an accessibility reviewer would, and links every finding straight back to the layer that caused it.WHAT IT CHECKS- Contrast (WCAG 2.2 — SC 1.4.3 / 1.4.6)Text against its real background, not just the parent frame's fill. A11y Check walks the z-order, looks inside transparent containers, alpha-composites every semi-transparent layer and averages gradients. Each style run inside a text layer is checked separately, so one coloured word in a paragraph doesn't slip through.- UI component contrast (SC 1.4.11)Buttons, inputs and controls whose fill or border falls below 3:1 against their background.- Touch targets (SC 2.5.8 AA / SC 2.5.5 AAA)Interactive layers under 24 × 24 flagged as blocking, under 44 × 44 flagged as a hint.- Spacing and gridAuto-layout gaps and padding off your base grid — with one-click snap to fix. Uneven gaps between hand-placed siblings. Asymmetric padding. Off-grid sizes and positions.- Text and namingFont sizes below your minimum, line height tighter than 1.2×, empty text layers, long all-caps runs, and default layer names like "Frame 12" that leak into handoff.HOW IT WORKSSelect a frame — or scan the whole page — and hit Run audit. Findings are grouped by category, sorted by severity, with a score and filters. Click any finding to select and zoom to the layer. Copy the full audit as Markdown for a ticket or a handoff doc.Choose your own base grid (2 / 4 / 8 / 10 px), minimum font size, AA or AAA level, and switch off any check family you don't need. Your settings are remembered.PRIVACYRuns entirely on your machine. No network access, no analytics, no design data ever leaves Figma.HONEST LIMITSContrast over images and video can't be computed automatically — those layers are flagged for manual review. Gradients are averaged rather than sampled at their worst point. "Interactive" is inferred from layer names and prototype reactions, so well-named components give better results. No automated tool can certify WCAG conformance — this one finds what a machine can find, fast.
Plugin Details
| Version | 6 |
|---|---|
| Created | August 27, 2026 |
| Last Updated | August 28, 2026 |
| Category | Accessibility tools |
| Creator | yassir laaouinat |
| Stats | 0 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Network Access:
A11y Check runs entirely on the local document. No design data is ever sent anywhere.
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.