TOOL: Use the Colorblind Web Page Filter

Types of color blindness. Eye color perception. Vector illustration on isolated background.

Use the Colorblind Web Page Filter tool to select safe colors early in the design process.

Type in your URL, then select one of four color filters from the select menu.

EXAMPLE: Here is a screenshot of the Accessible Website Services Home Page (seen in full color in the left pane) and, in the right pane, how an individual with protanopia (the most common form of color blindness) sees the page:

Comparison test of home page for protanopia color blindness
[Left pane]: Accessible Website Services Home Page
[Right pane]: How an individual with protanopia (red-green color blindness) sees the page

If you only use one filter, use the grey scale filter which will not only point out potential problem areas, but will also let you see more clearly which areas the filter is unable to process.

Use the Color Blind Web Page Filter tool now.


WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos