Mix and match these color classes to create a variety of accessible themes.
A community-driven effort to make web accessibility easier.
Accessible Brand Colors
This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.
Accessible Color Spaces
✅ Accessible Color Spaces is a color contrast tool by Kevin Gutowski, you can test your button’s contrast ratio for accessibility requirements.
Color Oracle is a free color blindness simulator for Windows, Mac and Linux. It takes the guesswork out of designing for color blindness by showing you in real time what people with common color vision impairments will see. Color Oracle applies a full screen color filter to art you are designing, independently of the software in use. Eight percent of all males are affected by color vision impairment – make sure that your graphical work is readable by the widest possible audience.
A modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.
Find and explore accessible colour palettes. Color Safe is based on WCAG Guidelines of text and background contrast ratios. This way, you ensure your designs provide a good, overall user experience.
Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.
Colorbox is a color tool to produce color sets.
A macOS app for quick access to WCAG color contrast ratios
Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.
Easily calculate color contrast ratios. Passing WCAG was never this easy!
An app for checking the accessibility of text against the Web Content Accessibility Guidelines
In design accessibility is key. So, this Figma plugin helps you check if your designs are safe for people with epilepsy.
Giving a damn about accessibility
To celebrate and contribute to Global Accessibility Awareness Day, we at the UX Collective have partnered with our most prolific accessibility writer, Sheri Byrne-Haber, CPACC, to bring a more candid take on the topic.
From the perspective of a color blind person, some colors are impossible to distinguish. Sim Daltonism lets you visualize colors as they are perceived with various types of color blindness. Use the camera on your iOS device, or use the Mac app to filter a region of the screen. Sim Daltonism is open source. Take a look and contribute code if you like.
Make the world’s software more accessible. More than 300,000 designers, developers and product managers at companies of all sizes use Stark’s integrated suite of tools to make their software products more accessible and compliant. Join them and get started today!
The Accessibility Resources
The Accessibility Resources is a growing list of more than 200+ hand-curated accessibility plugins, tools, articles, case studies, design patterns, assistive technologies, design resources and accessibility standards.
Who Can Use
It's a tool that brings attention and understanding to how color contrast can affect different people with visual impairments.