Webstandards banner

Color

Color is used for various reasons: to add interest, to emphasize content and to de-emphasize it.

However, per Section 508, color cannot be the only way to communicate information. It is not sufficient to change the color of "Important!" to red; the content itself should also convey this information.

There are many types of color blindness. It is not limited to the inability to see the color red or green. Often the contrast between colors can interfere with readability and, therefore, accessibility.

WCAG 2.1 requires a 4.5:1 ratio between colors; 3:1 for large text. However, WCAG 3.0 recommends a contrast ratio of 7:1.

Your color choices should comply with WCAG 2.1 at a minimum; ideally the contrast will be as high as WCAG 3.0 recommendations.

Tools

Color and contrast testing tools

Contact Information

Web Services Team
Information Systems Department
County of Sonoma
Address
2615 Paulin Drive
Santa Rosa, CA 95403
38.466385, -122.722706

Related Policies

Official Use of Social Media Sites
Administrative Policy Manual, 9-1

Website Accessibility Policy
Administrative Policy Manual, 9-3

Accessibility Resources

Web Accessibility
Introduction to Web Accessibility

Converting
Converting Documents to PDF's

Word
Creating Accessible Word Documents

PowerPoint
PowerPoint Accessibility

Regulatory Compliance Resources