See through different eyes

Chromatic simulates visual impairments on a live UI containing deliberate accessibility failures. Select a filter, drag the handle to compare, then explore exactly what breaks and how to fix it.

Vision comparison slider

A product UI with intentional accessibility failures — see the audit panel below for a full breakdown and suggested fixes.

The same failures, everywhere

These aren't contrived edge cases. Color-only information and low contrast show up across every kind of interface.

Form validation Protanopia

Error and success states shift to the same olive-brown — the form gives no legible feedback.

Analytics chart Deuteranopia

Positive and negative bars collapse to an identical hue — the chart becomes uninterpretable.

Navigation & status Achromatopsia

Every badge and status dot reduces to the same grey — urgent and healthy states are indistinguishable.

Content / editorial Refractive Error

The light-weight title strokes dissolve; grey byline and small body text become completely illegible.