Back to Plugins
WCAG Color Contrast Checker

WCAG Color Contrast Checker

Color accessibility and smart color suggestions

accessibilityui designcolor validatorcontrast ratiocontrast checkerwcagaaa complianceaa compliancecolor contrastdesign checkercolor accessibilitycolor tool

Plugin Preview

WCAG Color Contrast Checker preview

About this plugin

Select any element with a background and foreground fill from your Figma design, and the plugin will:Check if colors meet accessibility standards (WCAG AA and AAA)Provide accessible color suggestions while maintaining your design's aestheticsGuide you through text size and UI component requirementsExplain accessibility concepts in clear, simple termsPerfect for:Designers checking design accessibilityTeams working on compliant user interfacesAnyone wanting to make their designs more inclusiveFeatures:Real-time contrast analysisSmart color suggestionsEducational guidance on WCAG standardsEasy-to-understand results and recommendationsThis tool helps ensure your designs are not just beautiful, but accessible to all users.

Plugin Details

Version2
CreatedJanuary 23, 2025
Last UpdatedFebruary 10, 2025
CategoryAccessibility tools
CreatorBarsha Maharjan
Stats104 installs, 9 likes
PricingFree

Technical Details

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