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 | 137 installs, 11 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.