Open‑Source Contrast Engine Aims to Replace WCAG Calculators in Design Workflows

Tech · 4 min read

Contrast checks have long been a headache when designers use overlays, semi-transparent layers, or variable fonts. A new project launched by a coalition of designers and accessibility engineers offers an engine that evaluates perceived contrast in context, not just pairwise color ratios. The engine simulates layered backgrounds, alpha compositing, and subpixel rendering for variable fonts.

Built as a library and browser devtools plugin, the engine integrates with popular design tools and automated CI workflows. Designers can get real-time feedback in mockups with complex visual effects, and engineers can run the same checks in build pipelines. The team behind the project emphasizes that it complements WCAG thresholds rather than replacing them—focusing on practicalities designers face in the real world.

Early adopters report fewer false positives and a more usable signal when designing cards, modals, and dynamically themed components. There’s also interest from platform teams who want to expose more nuanced accessibility guidance to product designers without overwhelming them with technical rules.

Critics point out that perceived contrast is inherently subjective and that simulations can’t cover every rendering environment. The project’s maintainers acknowledge these limits and plan to release calibration tools so organizations can tune the engine to their typical devices and font stacks.