Skip to content
Color Blindness & Accessibility Simulator

Color Blindness & Accessibility Simulator

by deficiency view

Simulate protanopia, deuteranopia & more in real-time. WCAG contrast checker + batch export. Design

FreeFigma

Installs

24

Likes

2

Users

357

Views

198

Preview

Color Blindness & Accessibility Simulator preview

About this plugin

1 in 12 men and 1 in 200 women have some form of color blindness. Are your designs readable for them?

Color Blindness & Accessibility Simulator lets you instantly see your designs through the eyes of colorblind users — without leaving Figma.──── WHAT IT DOES ────🔴 Protanopia simulation (red-blind, ~1% of men)🟢 Deuteranopia simulation (green-blind, ~1% of men)🔵 Tritanopia simulation (blue-blind, rare)⚪ Achromatopsia simulation (total color blindness)🎚️ Adjustable severity slider — test mild through severe CVD👁️ Side-by-side preview — original and simulated panels update live⚖️ WCAG contrast checker — AA / AAA / AA-large pass/fail on every text node, evaluated under the active simulation📦 Batch export — place all 4 CVD simulations on your canvas in one click✨ Apply to canvas — write the simulated version directly into your Figma file💾� persistent settings — remembers your last CVD type and severity──── SCIENTIFICALLY ACCURATE ────Uses Machado, Oliveira & Fernandes (2009) transformation matrices — the gold standard in CVD simulation research. Severity interpolation is physically accurate at every stage.──── WCAG 2.1 COMPLIANCE ────The built-in contrast checker tests text layers against the WCAG 2.1 standard (Level AA and AAA) under color blindness simulation. Catch failures that normal contrast checkers miss.──── FREE & OPEN SOURCE ────No account required. No data leaves your machine. Companion to the DeficiencyView web tool at deficiencyview.com.

More accessibility tools plugins

View all