Accessible Color – Color Contrast
Web accessibility is essential for people with disabilities and useful for all. Colors must have sufficient contrast between text color and its background. This includes text on images, icons, and buttons. Also colors used to convey information on diagrams, maps, and other types of images must be distinguishable. There are tools to help check and select appropriate color combinations. This is ideally done during the early design stage and the selection of color palettes. While some people need high contrast, some people are sensitive to brightness and need to change the colors. ~ Colors with Good Contrast ~
Check the Color Contrast of Your Website
To conform with Web Content Accessibility Guidelines 2.1, foreground and background color combinations should provide sufficient contrast when viewed by someone with low vision or colour blindness, or when viewed on a black and white screen.
Color, Contrast, & Accessible Design Tools
WAVE Web Accessibility Evaluation Tool - WAVE is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content.
- WAVE Firefox and Chrome extensions are available for testing accessibility directly within your web browser - handy for checking password protected, locally stored, or highly dynamic pages.
- Web AIM Color Contrast Checker
- Contrast Ratio Tool
- Web Accessibility Tips for Designers
- Tanaguru Contrast-Finder
- Paciello Colour Contrast Anaylser
- COLOR SAFE
- Accessible color palette builder
Expression Web 4.0 Tutorials 2nd Edition from Install to Publish, a FREE EBook by Pat Geary.
Expression Web has a group on Facebook. If you are a FB user, come join us.
Disclosure: This is an affiliate link, which means that if you visit Bluehost.com through this link and purchase this product, I’ll get a commission.
April 2007 - April 2013