Web Accessibility at the University of California

Maintain Contrast between Text and Background Colors

• About
• Guiding Principles
• Recommended Standards
• Design Tips
• Technical Topics
• Tools and Testing
• Campus Assistance
• Training for Developers
• Tips for Writers
• Other Resources
• Policy
•  
• Resources Home
• Initiative Home

Guidelines

• Maximize the contrast on your pages among graphics, fonts, and backgrounds.
• It is usually fairly easy to tell when color combinations do not contrast adequately. Change colors until you have achieved good contrast.
• Allow users to change the site's contrast to suit their needs by using plain text, rather than images, for text.

Additional Information

• WebAIM Article on high contrast
• JuicyStudio Tool for testing contrast
• World Wide Web Consortium Web Accessibility Guideline 2.2