ContrastKit — Accessibility Audit & WCAG Checker
by Tanzeel Hassan
WCAG 2.2 + APCA audits, one-click fixes & a11y reports
Installs
0
Likes
0
Users
1
Views
9
Preview
About this plugin
ContrastKit finds accessibility issues in your designs and fixes them — right inside Figma, fully offline.
⚡ FULL-PAGE AUDITS IN SECONDSScan a selection, the current page, or your whole file. Every text layer is checked against WCAG 2.2 (AA or AAA) — with backgrounds resolved through nested frames, opacity, and gradients, not just "the layer behind it." Icons, touch targets and readability are covered too.
🎯 ONE-CLICK FIXES THAT KEEP YOUR HUEContrastKit nudges lightness in OKLCH color space until contrast passes — the smallest possible change, never a jarring recolor. Fix a single layer or every fixable fail at once, and undo anything with ⌘Z.
📄 REPORTS CLIENTS CAN SIGN OFF ONExport a branded PDF audit report — summary, every issue with its WCAG 2.2 criterion and the matching EN 301 549 clause (the standard behind the European Accessibility Act), plus layer screenshots. Or export CSV for Jira, Linear or Sheets. Your design-stage compliance paper trail.
👁 COLORBLIND SIMULATIONPreview any frame through protanopia, deuteranopia, tritanopia and achromatopsia. Around 8% of men have some form of color vision deficiency.
📐 WCAG AND APCA, SIDE BY SIDEClassic 4.5:1 ratios and modern perceptual contrast (APCA Lc) in the same panel — with copyable fix suggestions in the built-in checker.
🔒 PRIVATE BY DESIGNNo account. No sign-up. No telemetry. The manifest declares zero network access, and Figma enforces it — nothing ever leaves your file. Safe for NDA client work.WHAT IT CHECKS• Text contrast — WCAG 1.4.3 / 1.4.6, with APCA readings• Non-text contrast for icons & graphics — WCAG 1.4.11• Touch-target size — WCAG 2.5.8 (24×24) and 2.5.5 (44×44)• Readability — tiny text, tight line-height, justified text, long all-caps runs• Text over images, blend modes and gradients flagged for manual reviewFREE DURING LAUNCH — every feature unlocked.
Questions or ideas? tanzilbaghoor@gmail.comPrivacy: https://contrastkit.vercel.app/privacy.html
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility