WCAG Color Contrast Checker
Color accessibility and smart color suggestions
Plugin Preview
About this plugin
Select any element with a background and foreground fill from your Figma design, and the plugin will:Check if colors meet accessibility standards (WCAG AA and AAA)Provide accessible color suggestions while maintaining your design's aestheticsGuide you through text size and UI component requirementsExplain accessibility concepts in clear, simple termsPerfect for:Designers checking design accessibilityTeams working on compliant user interfacesAnyone wanting to make their designs more inclusiveFeatures:Real-time contrast analysisSmart color suggestionsEducational guidance on WCAG standardsEasy-to-understand results and recommendationsThis tool helps ensure your designs are not just beautiful, but accessible to all users.
Plugin Details
| Version | 2 |
|---|---|
| Created | January 23, 2025 |
| Last Updated | February 10, 2025 |
| Category | Accessibility tools |
| Creator | Barsha Maharjan |
| Stats | 104 installs, 9 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main: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 🔥