Back to Plugins
Accessibility Checker

Accessibility Checker

Now Color Contrast Checking is on Fingertips

web accessibilityaccessibilitycontrastcontrast ratiocontrast checkercolour contrast checkercolorwcag-checkerscolor contrastcontrast ratio analyzerfigma contrast checkeraccesibilityaccessibility check

Plugin Preview

Accessibility Checker preview

About this plugin

Accessibility Checker by UX Mate — the most complete free accessibility tool for Figma designers. Trusted by 21,000+ designers across all UX Mate plugins.Stop guessing. Start designing accessibly.Whether you're auditing a full screen or checking a single button, Accessibility Checker gives you instant, actionable WCAG 2.1 feedback — right inside Figma, no browser tab needed.── WHAT IT CHECKS ──Contrast RatioPick any two colors from your design or use the built-in color pickers to get an instant contrast ratio. See exactly whether your colors pass WCAG AA (4.5:1), WCAG AA Large Text (3:1), and WCAG AAA (7:1) — with a live preview showing your actual text on your actual background.Full Accessibility AuditSelect any frame, screen, or group of layers and run a complete audit. The plugin scans every text layer, component, and image for:· Font sizes below WCAG minimums (flags anything under 12px, warns under 16px)· Low contrast text against its parent background· Tight line height that fails WCAG 1.4.12 spacing requirements· Touch targets smaller than 44×44px (WCAG 2.5.5)· Images missing alt text annotations· Text layers with no visible fillEvery issue is clickable — tap any finding to instantly focus and select that exact layer on your Figma canvas.Color Blindness SimulatorSee your designs through the eyes of users with Protanopia (red blind), Deuteranopia (green blind), and Tritanopia (blue blind). Loads your selected colors automatically — just select 2 layers and switch to the tab. Compare contrast ratios for each vision type side by side.Spacing & Typography InspectorSelect any frame, component, or text layer to extract every text style inside it — font size, line height, letter spacing, font weight — all in one view. For auto-layout frames, see exact padding and gap values. For manual layouts, measured gaps between children are calculated automatically. Every text style row is clickable to jump to that layer.Hidden Layer ControlChoose whether to include or exclude hidden layers from your audit. Useful when auditing work-in-progress screens with placeholder content.── WHY DESIGNERS LOVE IT ──· Works on any Figma plan — free forever· No external services, no uploads, everything runs locally· Finds issues in seconds, not hours· Follows WCAG 2.1 (AA and AAA), Section 508, and EN 301 549· Used by product designers, design system teams, accessibility leads, and agencies worldwide── FROM THE UX MATE TEAM ──UX Mate builds Figma tools used by 21,000+ designers globally. Our plugins are built by designers, for designers — focused on saving time, removing friction, and helping you ship better, more inclusive products.Also try our other tools in the Figma Community, and generate accessible brand color palettes instantly at aibrandcolors.com.Have feedback or a feature request? Leave a comment on this plugin page — we read every single one.

Plugin Details

Version2
CreatedDecember 23, 2023
Last UpdatedMay 28, 2026
CategoryAccessibility tools
CreatorUX Mate
Stats370 installs, 57 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://aibrandcolors.com
    • https://uxmate.co.in