Contrast Checker Pro
Smart contrast checking, even with image backgrounds.
Plugin Preview
About this plugin
π¨ Advanced Contrast Checker
π¨ Advanced Contrast Checker β Smart Contrast Analysis for Accessible Design
Take your designβs accessibility to the next level.
Advanced Contrast Checker: is a plugin built to detect and analyze contrast issues, even in complex scenarios like elements with **image backgrounds**.
π§ Key Features:
1. π― Accurate Detection
- Automatically identifies when an element has an **image as a background.
- Checks the layer hierarchy, scanning parent elements if necessary.
2. π’ Clear and Visual Feedback
- Displays a prominent message when an image background is detected.
- Indicates that the contrast ratio is an approximation, offering a helpful reference.
- Includes visual icons for better clarity and user understanding.
3. π Multilingual Support
- Available in English, Spanish, and Chinese.
- Automatically switches language based on your Figma settings.
4. π€ Intelligent Behavior
- No color suggestions are shown when the background is an image.
- Uses a light gray approximation** to estimate contrast without misleading results.
Designed for creators who care about building **visually inclusive and accessible interfaces**, without compromising on precision or speed.
With π¨ Advanced Contrast Checker accessibility becomes a natural part of your design workflow.
Plugin Details
Version | 1 |
---|---|
Created | June 19, 2025 |
Last Updated | June 19, 2025 |
Category | Accessibility tools |
Creator | Cristian Extiven Valencia Pino |
Stats | 2 installs, 3 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.
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 π₯