Accessibility Contrast Checker
Easily check text contrast for WCAG compliance on solid backgrounds in your Figma designs.
Plugin Preview
About this plugin
Accessibility Contrast Checker helps you quickly check the contrast of text layers in your Figma designs for WCAG compliance. The results clearly show which layers pass or fail the contrast standards, making it easy to improve accessibility.
How to Use:
- Select a frame with text layers, or simply select one or more text layers.
- Click the "Check" button.
- Review the results to see which layers pass or fail WCAG contrast compliance.
That's it! 🎉
Note: Currently, the plugin works best with solid backgrounds. It might not handle hidden layers, low opacity settings, or gradients perfectly.
Plugin Details
Version | 1 |
---|---|
Created | November 14, 2024 |
Last Updated | November 14, 2024 |
Category | Accessibility tools |
Creator | Sadad |
Stats | 30 installs, 11 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:build/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥