Back to Plugins
Accessibility Contrast Checker

Accessibility Contrast Checker

Easily check text contrast for WCAG compliance on solid backgrounds in your Figma designs.

figma pluginaccessibilitycontrast checkerwcagaccessibility checkertext contrastwcag compliance

Plugin Preview

Accessibility Contrast Checker preview

About this plugin

Accessibility Contrast Checker helps you quickly check the contrast of text layers in your Figma designs for WCAG compliance. The results clearly show which layers pass or fail the contrast standards, making it easy to improve accessibility.


How to Use:

  1. Select a frame with text layers, or simply select one or more text layers.
  2. Click the "Check" button.
  3. Review the results to see which layers pass or fail WCAG contrast compliance.


That's it! 🎉


Note: Currently, the plugin works best with solid backgrounds. It might not handle hidden layers, low opacity settings, or gradients perfectly.

Plugin Details

Version1
CreatedNovember 14, 2024
Last UpdatedNovember 14, 2024
CategoryAccessibility tools
CreatorSadad
Stats18 installs, 9 likes
PricingFree

Technical Details

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