Color blindness simulator
Preview how colors may appear with different types of color blindness.
Find the right tool and get straight to your task.
No account needed.Preview how colors may appear with different types of color blindness.
Compare contrast between foreground and background colors in a palette.
Find missing image descriptions and labels in pasted HTML.
Find broken ARIA label, description and control references in HTML. Runs locally and returns a reviewable report.
Compare speech and caption time ranges and expose missing intervals. Runs locally and returns a reviewable report.
Review status designs for signals that may rely on color without text or symbols. Runs locally and returns a reviewable report.
Find missing or inconsistent language and direction declarations in HTML. Runs locally and returns a reviewable report.
Review CSS focus styles for rules that remove visible indicators without a replacement. Runs locally and returns a reviewable report.
Check CSS for a prefers-reduced-motion path when motion is present. Runs locally and returns a reviewable report.
Preview larger text-spacing overrides and identify simple clipping risks in supplied HTML. Runs locally.
Review CSS interactive controls for dimensions smaller than a practical touch target. Runs locally and returns a reviewable report.
Draft an image description you can review for alt text.
Server unavailableDesigners, developers and content editors use these free accessibility tools to find barriers before a page goes live. The Color blindness simulator shows how a design looks with common color vision deficiencies, and the Accessible palette helps you build color sets with readable contrast. For markup, the HTML accessibility checker, ARIA Relationship Checker and Focus Indicator Checker flag common problems, while the Text Spacing Resilience Tester and Touch Target Spacing Checker test layout limits.
Pick a tool by the question you need answered. If the concern is color, start with the simulator or the Color-Only Signal Checker. If it is structure or keyboard use, paste your HTML into one of the checkers and fix the issues it lists.
No automated tool can confirm full conformance. These checkers flag common, testable problems such as broken ARIA references, weak focus styles or missing language tags. Use the results as a starting list, then test with a keyboard, a screen reader and real people.
The Color blindness simulator, Accessible palette, HTML accessibility checker, ARIA Relationship Checker and Focus Indicator Checker run in your browser. Your images and markup are processed on your device and are not sent to our server as part of the check.
It previews an image or design as it may appear with common types of color vision deficiency. Use it to spot information that depends on hue alone, then add labels, patterns or stronger contrast so the meaning survives for every viewer.