Three elements to keep in mind when using text:
- Use high contrast text and at least 12 point, sans serif font.
- Use bold or italics for emphasis instead of underlining (screen readers interpret underlining as links).
- Avoid blinking text as well as red or green text or text decoration (such as Word Art, Shadows, 3D, etc.).
1. Use high contrast text and at least 12 point, sans serif font.
Read more about color blindness and color deficiencies with examples: Color Blindness and the Web
Examples of text with and without serifs:
Find a list of sans serif fonts here: Font Face on the Web
2. Use bold or italics for emphasis instead of underlining (screen readers interpret underlining as links):
Underlining is interpreted as a URL, or web link, by some screen readers.
3. Avoid blinking text as well as red or green text or text decoration (such as Word Art, Shadows, 3D, etc.):
Avoid using color as any type of indicator or instruction. Color blindness varies greatly and affects a large population to some degree.
Examples of confusing use of color references in instructions:
- Items in red are required; items in green are strongly recommended.
- Go to the lessons tab, into the week 1 folder, and find the green link to this week’s presentation.
- Important items are in RED
Instruction from a syllabus or announcement:
Original: Look at the red buttons in the Blackboard site to find the Lessons and course information.
A color blind student may not be able to tell if the buttons are all the same color, what color they are, or which are red.
Better: Look for the menu of buttons (they are all red) on the left in the Blackboard site and click on the Start Here button at the top.
In this instruction, it doesn’t matter what color the buttons are to be able to follow the instruction.