Back to Plugins
Contrastio - Contrast & Accessibility Checker

Contrastio - Contrast & Accessibility Checker

Instant WCAG accessibility checks for your Figma designs

accessibilitycontrastcolorwcag-checkersdesign systemi18n

Plugin Preview

Contrastio - Contrast & Accessibility Checker preview

About this plugin

Contrastio helps you create more inclusive designs by automatically checking your work against WCAG accessibility guidelines.


🎯 Instant Accessibility Scanning

Check entire pages or specific frames with one click

Get real-time feedback on accessibility issues

Smart element exclusion with prefix system


📊 Comprehensive Checks

Color contrast validation (WCAG 2.0 & 2.1)

Typography accessibility analysis

Support for all compliance levels (A, AA, AAA)

Text readability assessment


🚀 Designer-Friendly Workflow

One-click element highlighting

Clear violation explanations

Grouped similar issues for easy fixes


⚡ Efficient & Fast

Scan thousands of elements in seconds

Stay in your design flow

No external tools needed


Why Contrastio?

Whether you're designing for government websites, enterprise applications, or simply want to create more inclusive designs, Contrastio helps ensure your work meets accessibility standards from the start.


Free Version Includes:

Up to 2,000 node scans per month


Pro Version ($4.99) Adds:

Unlimited node scanning

All new features coming along like reporting, screen/color modes.

Plugin Details

Version4
CreatedFebruary 21, 2025
Last UpdatedMarch 1, 2025
CategoryAccessibility tools
CreatorFjaka Studio
Stats2 installs, 2 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:src/ui.html
  • main:src/figma-plugin.js
  • Document Access:dynamic-page
  • Network Access:

    Required for license verification and future features like accessibility reports

  • Editor Types:
    figma
  • Allowed Domains:
    • *