Use of Color & Contrast

There are many types of color blindness and low-vision conditions that may  make it difficult for people to distinguish color or contrast.

As many as 8 percent of men and 0.5 percent of women, of Northern European descent, experience red-green color blindness. There are several other types of color blindness including blue-yellow and total color blindness. Additionally, there are numerous conditions which cause contrast that is too subtle to be difficult to see.

The best strategy is to not rely on color alone to convey information on your website.

A color contrast ratio of 7:1 is recommended for normal sized text and 4.5:1 for large text.

Underlining links is a practical application that will benefit low vision and color blind visitors.

Automated tools are available for you to test your colors before going live.

Links

WCAG Requires:

“The link text must have a 3:1 contrast ratio from the surrounding non-link text.” and

“The link must present a “non-color designator” (typically the introduction of the underline) on both mouse hover and keyboard focus.”

For more info, check out: http://webaim.org/techniques/hypertext/link_text#appearance

Learn More

Read about vision disabilities on WebAIM’s website.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

College of Fine Arts WordPress Instruction

College of Fine Arts Drupal Instruction
Subscribe to our email list to receive periodic tips and resources for generating great digital content

Achievements & Updates

The COFA Web team's announcements, tips for a successful website and analysis reports of trends and visitor data.

Contact Us

The COFA Web team can be reached by emailing us at cofawebmaster@austin.utexas.edu


To view some links on this page you may need to download Acrobat Reader.