Tips & Tutorials — Creating Accessible Content
How do I use colors appropriately in web design?
There are two sides to this issue: use of color in layout and design and use of color to facilitate accessibility. There are many tools to simulate color blindness that can assist designers in ensuring that their use of color will not create accessibility issues.
Tips, Techniques & Tutorials: Color & Design
- Jim Thatcher's Web Accessibility Tutorial, Color Usage
- WebAIM, Creating Accessible Images - Color and Contrast
Colour Blindness Simulator
This free simulator will check an image to show you how a colorblind user would see it. You can upload a JPEG image of no more than 1000 pixels x 1000 pixels (100 KB filesize or less) to see how colour blind users may see it.
This free online tool determines the colour difference and contrast between any two colours and whether or not the two colors have enough contrast and brightness.
Color schemes generator that adjusts color schemes to accommodate various forms of visual impairments.