Skip to main content

I made a WCAG contrast checker for Figma, would love to know what's missing

  • March 9, 2026
  • 0 replies
  • 9 views

Danishmk

Hey everyone, sharing something I built because I kept running into the same frustration.

A11y - Smart Color Contrast Checker

Every contrast checker I tried would flag a failure and stop there. I'd spend 10 minutes manually tweaking lightness until something passed WCAG AA.

So I added one thing to solve that: when your color fails, the plugin shows you the nearest passing color and lets you apply it in one click. Same hue and saturation, just enough lightness adjustment to cross the threshold.

Everything else is pretty standard:

  • Auto-detects the actual background behind your text (handles nested frames, auto-layout, overlapping layers)
  • Shows exact contrast ratio with AA and AAA pass/fail
  • Exports a report frame to your canvas with hex values and compliance badges for handoff

It's free, no account needed.

Would genuinely appreciate feedback from anyone who does accessibility work regularly. What's missing? What would make this more useful in your actual workflow?

[Plugin link]