Avoid using color alone for emphasis*
Suggestion Report
Avoid using color alone for emphasis.
Why Is This Important?
Some students may not be able to see color or view the color correctly. As such, it is best to make sure that the color is bolded or has other characters nearby that indicate the same sort of importance as the color.
Cause Of Result
To get this result, you must have colored text with sufficient color contrast that is not bold or italicized via the style attribute.
Examples
Incorrect Example
This text is important!
Correct Example
This text is important!
In the mobile app, the Hide and Show Code Links are obsolete. We couldn't hide them without removing them from the web browser view.
False Positives
There are three kinds of false positives you can have for this result.
- The text is not colored to create emphasis.
- Other characters like * accompany the text that is colored to create emphasis.
- If you use this technique, be sure to clearly spell out what the * or other character(s) mean.
- The color text is bold or italicized with the Rich Content Editor's Bold or Italics button, which creates the necessary visual effect with code that UDOIT does not look for.
- This will hopefully be fixed soon.
How To Fix It
Related Result Pages
- Errors
- Suggestions
Related Standards
- Section 508 Quick Reference Guide Links to an external site.
- Section 508 11922c: Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup. Links to an external site.
- WCAG 2.0 A and AA Reference Guide Links to an external site.
- WCAG 1.1.1: Non-text Content Links to an external site.
- WCAG 1.3.3: Sensory Characteristics Links to an external site.
- WCAG 1.4.1: Use of Color Links to an external site.
Last Updated January 2017.
Clemson Online