Contrast Audit Pro

About this plugin

Stop guessing about accessibility.

Contrast Audit Pro is the fastest way to ensure your designs meet WCAG 2.1 standards.

Scan entire frames, components, or variants instantly. Get a clear, side-by-side scorecard for both AA and AAA compliance levels.

Why this is the best contrast plugin:

✨ Dual-Level Scoring: See AA (Minimum) and AAA (Enhanced) status simultaneously in clear, easy-to-read pills.

🛠️ One-Click Fixes: Don't just find errors—fix them. The plugin automatically calculates the nearest accessible color and lets you apply it to fills or strokes instantly.

🧠 Smart Background Detection: No more false failures. The plugin intelligently finds the actual background color of layered elements, even inside deeply nested groups.

🎯 Context-Aware: It automatically adjusts requirements for "Large Text" vs. "Normal Text" vs. "UI Components/Icons" based on WCAG rules.

🔎 Powerful Filtering: Easily toggle visibility for hidden layers and masks to keep your audit clean.

How to use:

1. Select any Frame, Component, or Instance.
2. Run Contrast Audit Pro.
3. Review the scorecard.
4. Click a "Fix" button to automatically update the color to a compliant hex value.