Precision Contrast Control

Precision Contrast: an accessibility checker for designers and developers. It tests WCAG 2.1 (AA and AAA) and APCA contrast, suggests colors that meet a target ratio, simulates color blindness, and checks semantic structure, keyboard navigation, forms and image alt text.

Role: Creator
Years: 2024
Status: Live
Stack: Accessibility
TypeScript

Visit accessibiliy-checker.vercel.app Source on GitHub

accessibiliy-checker.vercel.app2024

The brief

Most contrast checkers stop at contrast.

The build

Contrast checks for WCAG 2.1 and APCA, color suggestions that keep your target ratio, color blindness simulation, and checks for page structure and keyboard navigation.

What shipped

Live at accessibiliy-checker.vercel.app.

Shares the most stack with this project

Ally A11y CLIAn accessibility CLI that scans pages with axe-core, scores issues by impact, and can apply fixes as you save files (`ally watch --fix-on-save`).Accessibility, TypeScript
Rocket VitalsRocketpark's website QA product. Enter a URL and it crawls the site and runs more than 200 checks across SEO, accessibility, performance, security, links, content and AI readiness. Reports score findings by severity and include fix guidance and exports.TypeScript, Accessibility
Site SheriffA website QA scanner. Enter a URL and it crawls the site and reports SEO, performance, security and accessibility findings (axe-core), ranked by severity, with fix instructions and a summary email for a client. Archived.TypeScript, Accessibility

Hiring for something like this?

Contract, advisory, or full-time. Tell me what you are building.

Start a conversation hello@elizabethannstein.com

The brief

The build

What shipped

Related work

Hiring for something like this?