Contrast Checker Framer plugin
Prioritise accessibility and visual optimisation within Framer.
Price: Free

The Contrast Checker is a game-changer for designers who prioritise accessibility and visual optimisation within Framer. This plugin enables you to effortlessly verify WCAG compliance, right on the canvas, by inputting HEX, RGB, or HSL values or leveraging the built-in colour picker.
Key features and benefits:
- Instant Contrast Ratio Calculation: the plugin instantly computes the contrast ratio between your chosen colours, keeping you informed about WCAG compliance.
- Colour Picker Integration: select colours directly from the canvas using the integrated colour picker for seamless accessibility checks.
- WCAG Compliance Indicator: check if your colour combinations meet WCAG accessibility standards thanks to the clear visual indicators provided by the plugin.
- Customisable Settings: tailor the plugin to your preferences by adjusting settings like text size, background colour, and more, ensuring a personalised experience that aligns with your workflow.
The Contrast Checker Plugin empowers designers using Framer to create visually stunning and inclusive designs without compromising accessibility. Whether you’re a seasoned pro or just starting your design journey, this tool ensures your work resonates with a diverse audience, leaving no one behind.
Get the pluginCategories:
FrameShare
Increase traffic to your Framer website with share buttons.

Browse more categories
View all →Frameplate
Discover the latest Framer templates
& resources
