Text Contrast
by Basile Fécourt
Figure out text contrast issues reported directly on the artboard.
Installs
39
Likes
9
Users
177
Views
372
Preview
About this plugin
The fastest contrast checker in the galaxy! Text Contrast lets you instantly run a AA or AAA contrast report on all text across your selected mockups before you can blink. Simply select a frames, groups, or components, and hit Check.A detailed report will automatically display next to your artboard, giving you immediate feedback on color contrast compliance.
Hot Features:
The plugin quickly calculates contrast ratios between text and its background, ensuring compliance with WCAG 2.2 standards.
No need to be an expert, results appear instantly as a visual copy next to the original, with a focus on contrast and font size.
The plugin won’t alter your design. Results are shown as an overlay, maintaining your original layout.
Select your artboard, click "CHECK", and voilà! Get immediate results without leaving your workflow. How It Works:
Easy Interaction: Select your artboard and click "CHECK." The plugin analyzes the contrast between the text color and its parent fill color.
Focused Analysis: The calculation is based on the contrast ratio and font sizes, providing fast, accurate results for single color text layers. Limitations:
The plugin operates over frames, groups, and components but only supports one artboard at a time.
It currently does not support gradients or mixed color/font size text layers.
This is my first plugin, so feel free to share any feedback ♥️
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