Back to Plugins
Contrast Check

Contrast Check

Simplify your accessibility workflow and ensure your designs are inclusive for all users

Plugin Preview

Contrast Check preview

About this plugin

Contrast Check is your all-in-one solution for ensuring your designs meet WCAG AA standards for text contrast. With a single click, check the accessibility of all text layers in a selected frame, helping you create more inclusive designs effortlessly.Designing for accessibility shouldn't be an afterthought. Contrast Check analyzes all text layers within a selected frame, instantly providing contrast ratio information and WCAG AA compliance status.What This Plugin DoesEvaluates text contrast ratios against backgrounds for all text layers simultaneouslyShows WCAG AA pass/fail status for each text elementProvides detailed contrast ratio measurementsAllows quick navigation to problematic text layers with a single clickHelps you identify accessibility issues early in your design processGenerates comprehensive reports for documentation and team sharingHow It WorksSelect any frame containing text layers you want to evaluateRun Contrast Check to instantly scan all text elementsView a complete list of text layers with their contrast ratios and WCAG AA compliance statusClick on any text layer in the results to jump directly to it in your designMake necessary adjustments to improve accessibilityRe-scan to confirm your changes meet accessibility standardsSimplify your accessibility workflow and ensure your designs are inclusive for all users. Install Contrast Check today!

Plugin Details

Version5
CreatedApril 13, 2025
Last UpdatedApril 21, 2025
CategoryAccessibility tools
CreatorAashish Kumar
Stats6 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none