Accessibility Colour Contrast Checker
Instant WCAG Contrast Check
Plugin Preview
About this plugin
Accessibility Colour Contrast Checker is a simple, focused Figma plugin that helps designers quickly verify whether their color combinations meet WCAG contrast requirements.
Enter your foreground and background colors or pick directly from the canvas to instantly see your contrast ratio and accessibility compliance for normal text, large text, and UI components.
No audits. No clutter. Just clear answers.
What it shows
- Contrast ratio in real time
- WCAG AA and AAA pass or fail for normal and large text
- WCAG AA pass or fail for UI components and graphical elements
Why use it
- Make confident color decisions
- Design for accessibility from the start
- Avoid guesswork and rework later
Accessibility Colour Contrast Checker gives you the clarity you need to design inclusively, without slowing down your workflow.
Plugin Details
| Version | 1 |
|---|---|
| Created | December 27, 2025 |
| Last Updated | December 29, 2025 |
| Category | Accessibility tools |
| Creator | Chukwunonso Nweke |
| Stats | 11 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/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 🔥