Skip to content
Accessibility Checker

Accessibility Checker

by Estefany Duran Fonseca

WCAG 2.2 accessibility analysis with token-aware suggestions for your design system.

FreeFigma

Installs

1

Likes

2

Users

7

Views

35

Preview

Accessibility Checker preview

About this plugin

Accessibility Checker analyzes your Figma components against WCAG 2.2 guidelines, giving you actionable, token-aware feedback without leaving your design tool.

Unlike generic contrast checkers, Accessibility Checker understands your design system. It reads your Figma variables and paint styles to suggest fixes using colors that already exist in your document.WHAT IT CHECKS- Color contrast — real background detection through layer stacking (not just white)- Typography — font size, line height, and letter spacing per WCAG 1.4.4 and 1.4.12- Visual hierarchy — type level differentiation and structure- Touch targets — platform-aware sizing (desktop 24px AA / mobile 44px AAA)SMART ANALYSIS- Detects element type automatically (button, card, modal, input...) and applies the right criteria- Shows token and variable names alongside hex values- Color blindness simulation: Protanopia, Deuteranopia, Tritanopia- Collapsible report cards with result → suggestion → WCAG sourceWCAG 2.2 — ALWAYS UP TO DATEBuilt on the latest WCAG 2.2 standard (October 2023), including the new 2.5.8 Target Size Minimum criterion for desktop.PDF EXPORTExport a full accessibility report as PDF — including a preview of the analyzed element, score, and four chapters: contrast, typography, hierarchy, and touch targets.HISTORY & COMPARISONTrack analysis history and compare any two past analyses side by side to see how your accessibility score evolves.PRICING- 7-day free beta- Monthly: €4.90/month- Annual: €39/yearBy Design Tools.

More accessibility tools plugins

View all