A11y Suite

Accessibility tools to make your UI work for everyone.

Contrast Checker

Check foreground and background colour pairs against WCAG 2.2 AA and AAA contrast ratio requirements.

WCAG 2.2
JavaScript

Touch Target Test

Validate touch target sizes against WCAG 2.5.5 minimum 44×44px requirements.

WCAG 2.5.5
CSS

Color-Blind Simulator

Simulate how your designs appear to users with deuteranopia, protanopia, and tritanopia.

JavaScript
Canvas API

Alt-Text Helper

Generate descriptive alt text for images to improve screen reader accessibility.

AI
Web API

APCA Contrast Calculator

Calculate perceptual contrast using APCA (WCAG 3) with real-time font size and weight pass/fail results.

APCA
WCAG 3
JavaScript