A11y – Color Contrast Checker

Figma Resource

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