Skip to content
Live Accessibility

Live Accessibility

by Samarth Jajodia

Live WCAG checks while you design. Real-time checks, beyond contrast colors.

FreeFigma

Installs

0

Likes

0

Users

2

Views

23

Preview

Live Accessibility preview

About this plugin

Live Accessibility checks on whatever frame you select, continuously. Every issue appears with three things: what is wrong, a concrete FIX action (for contrast fails it computes a passing color for you), and the Why with its exact WCAG reference.THE 13 LIVE CHECKSText contrast, per styled segment with real background resolution (WCAG 1.4.3 / 1.4.6)Control and border contrast for UI elements (WCAG 1.4.11)Links relying on color alone (WCAG 1.4.1)Minimum target size, 24px floor plus device recommendations (WCAG 2.5.8)Spacing between small adjacent targets (WCAG 2.5.8)Minimum text size, flags anything under 12px (best practice)Body line height of at least 1.5 (WCAG 1.4.8)Line length near 80 characters (WCAG 1.4.8)Justified paragraphs (WCAG 1.4.8)Long all-caps text (best practice)Thin font weights at small sizes (best practice)Image alt-text reminders (WCAG 1.1.1)Unlabeled icon-only controls (WCAG 4.1.2)HOW IT WORKSSelect any frame, section, or component, the audit runs live and updates as you editClick any issue to select and zoom to the exact layer, with icon breadcrumbs showing where it livesAA / AAA conformance toggle, severity filters, per-check togglesAuto-detects desktop, tablet, or mobile from your frame widthAppears in the file's Tools section, with a live result summary stamped on audited frames

More accessibility tools plugins

View all