Back to Plugins
Contrast Checker
Check contrast in your UI design
contrastdesignacessibilitycontrastcheckercolorcontrastewcagcoruicheckcolorw3c
Plugin Preview
About this plugin
Check contrast in your UI design based on Contrast Success Criteria 1.4.3 and 1.4.6 of the Web Content Accessibility Guideline (WCAG).
How it works:
- Select colors;
- Confirm the colors;
- The application will inform you if the contrast is good for normal sized texts and large text (above 18 points);
- The reset button clears the interface, but it doesn't need to be pressed for you to recheck.
For informational purposes:
- Level A: Bad, ineffective;
- Level AA: Good, effective;
- Level AAA: Great, excellent.
Created as an object of study.
Plugin Details
| Version | 3 |
|---|---|
| Created | January 12, 2023 |
| Last Updated | April 12, 2023 |
| Category | Accessibility tools |
| Creator | Lucas Amorim |
| Stats | 4646 installs, 176 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
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 🔥