232 / 445

A11y – Smart Color Contrast Checker

A11y – Smart Color Contrast Checker - Product Hunt launch logo and brand identity

The contrast checker that suggests fixes, not just failures

#Design Tools #Open Source #GitHub #Inclusivity

A11y – Smart Color Contrast Checker – AI-powered WCAG compliance with real-time fixes

Summary: A11y is a color contrast checker that not only identifies WCAG 2.1 and 2.2 compliance issues but also provides AI-generated accessible color alternatives. It runs locally, preserving user privacy, and integrates as a web app and a Figma plugin for real-time design feedback.

What it does

A11y detects color contrast failures and suggests accessible alternatives that maintain brand palette integrity. It operates via a web app for quick checks and a Figma plugin for in-design issue detection, using TensorFlow.js locally without sending data externally.

Who it's for

It is designed for UI/UX designers and developers who need to ensure color contrast accessibility during design and review stages.

Why it matters

A11y addresses the challenge of late-stage contrast failures by providing immediate, actionable fixes that prevent costly palette rework.