Back to Plugins
Live Accessibility

Live Accessibility

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

Plugin 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

Plugin Details

Version1
CreatedAugust 20, 2026
Last UpdatedAugust 20, 2026
CategoryAccessibility tools
CreatorSamarth Jajodia
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none