A11y - Color Contrast Checker

Design Tools · 3,907 likes

Text color accessibility

Ensure your text is readable for users by adhering to WCAG (Web Content Accessibility Guidelines) standards. This plugin checks the color contrast ratio of all visible text in a frame, and it provides feedback on whether it meets WCAG’s AA and/or AAA level compliance. It also provides color sliders that allow users to adjust the colors and understand how the corresponding contrast ratio changes in real-time. Currently only supports single, 100% solid fills. Working on some known issues with background layer detection (this is due to currently only supporting the aforementioned). Created by Tiffany Chen

What this plugin is best for

A11y - Color Contrast Checker is listed in the Design Tools category and is suited for teams that want practical Figma workflows with clear outcomes.

Key details

Publisher information

Created by Kelly Gorr. Published by Kelly Gorr on the Figma Community.

Compatibility and support

How to evaluate before installing

Check the latest update notes in Figma, review sample output quality, and compare alternatives in the related plugins section below.

Open in Figma

Related plugins