Contrast Inspector - by Isoflow
by Marette
A WCAG contrast checker to audit & fix text layers.
Installs
5
Likes
6
Users
10
Views
51
Preview
About this plugin
Ensure your text is readable and WCAG compliant.
Contrast Inspector is a specialised tool designed to audit typography in your designs. It instantly calculates contrast ratios between text layers and their backgrounds, helping you find and fix readability issues before hand-off.
🎯 Built for Text: This plugin is specifically designed for visual text contrast. It ensures your typography meets WCAG 2.1 AA & AAA standards. (Note: This tool does not audit code, tab order, or non-text elements.)🚀 Key Features:
Text-Only Audit: Instantly scans selected frames text that is hard to read.
Smart Typography: It detect “Large text” sizes ( ≥ 18pt or ≥ 14pt Bold) to apply the correct WCAG ratios.
One-Click Fixes: The plugin calculates the nearest passing text colour and automatically detaches styles/variables to prevent overrides.
Handoff Ready: Generate a beautiful summary card to show your team that your design is accessible.
Deep Detachment: Safely applies fixes by handling complex variable bindings and opacity, ensuring your "Fix" stays fixed.(Note: Currently supports solid text layers; does not support gradients, images, or opacity.)Designed by Isoflow.
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