Contrast Audit Pro

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:

Select any Frame, Component, or Instance.

Run Contrast Audit Pro.

Review the scorecard.

Click a "Fix" button to automatically update the color to a compliant hex value.