Back to Plugins
Color Contrast Checker
Ensure Accessibility with Ease
figma pluginaccessibilitycontrastcontrast checkerwcagcolor contrastaccessibility check
Plugin Preview
About this plugin
About
The Color Contrast Checker Plugin helps designers and developers create accessible and visually appealing content by analyzing color combinations according to WCAG guidelines.
How to use
- Select the two objects that you want to compare for color contrast and accessibility. These objects should have a solid fill.
- Then click on the "Plugins" menu in the Figma app menu bar. Select "Color Contrast Checker" from the list of installed plugins.
- The plugin will open a UI window that displays the color contrast ratio, the accessibility level, and the colors selected for the two objects you selected in step 1.
Plugin Details
| Version | 6 |
|---|---|
| Created | March 17, 2023 |
| Last Updated | April 9, 2023 |
| Category | Accessibility tools |
| Creator | Snehal |
| Stats | 1187 installs, 133 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the Accessibility tools category.