A11y - Color Contrast Checker
Check the color contrast ratio of your designs.
Overview
The A11y - Color Contrast Checker is a Figma plugin that helps designers ensure their designs are accessible by checking the color contrast ratio of text and background colors. It provides feedback on whether the contrast ratio meets the WCAG (Web Content Accessibility Guidelines) AA and AAA standards.
✨ Key Features
- Checks color contrast ratio
- Provides WCAG AA and AAA compliance status
- Color sliders to adjust colors and find a compliant ratio
- Color picker to select colors from the canvas
🎯 Key Differentiators
- Simple and focused on color contrast
- Free and easy to use
- Interactive color sliders for finding compliant colors
Unique Value: Helps designers easily ensure their text is readable and their designs are accessible by checking color contrast against WCAG standards.
🎯 Use Cases (3)
✅ Best For
- Checking the contrast of body text against a light background
- Finding an accessible color for a button
💡 Check With Vendor
Verify these considerations match your specific requirements:
- Checking for other accessibility issues beyond color contrast
🏆 Alternatives
Provides a more interactive way to find compliant colors with its color sliders compared to other contrast checking tools.
💻 Platforms
💰 Pricing
Free tier: The plugin is completely free to use.
🔄 Similar Tools in Figma Plugins
Wireframe
A plugin for creating wireframes, user flows, prototypes, and basic structures for your designs....
Autoflow
A plugin that makes it easy to draw flows by simply selecting objects and letting it draw the connec...
Stark
A comprehensive accessibility toolkit for checking and improving design accessibility....
Content Reel
A plugin to easily pull text strings, avatars, and icons into your designs....
Iconify
A plugin that provides access to a massive library of vector icons from various icon sets....
Unsplash
A plugin to insert beautiful, high-resolution photos from Unsplash directly into your designs....