| A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z |
Note: If you see a series of red x's on this page it indicates that that area is not finished.
If you put a graphic on the left side, the text reader will read the term "graphic" at the beginning of each sentence that butts up against that graphic. This can be very annoying to the listener. It is much cleaner to have the text or links on the left and graphics on the right. A user can just move down a line to hear an understandable sentence.
(Tip from Richard Jones, EASI listserv posting)
<img border="0" src="../../images/OITIT2.gif" alt="Office of Information Technology - Instructional Technology Logo" width="104" height="33">
Notice that the text in the ALT attribute describes the image as the Office of Information Technology - Instructional Technology Logo.
Link text should be short but meaningful.
Link text should be able to stand alone as it would if included in a list of links in a bulleted or numbered list.
Many types of accessibility software require the user to use the TAB key to move from link to link on the page. The ENTER key is then pressed to activate the link.
Make sure that the TAB key moves between links and image map
areas in a logical order. The tab order should move generally from left to
right and from top to bottom but make sure that it doesn't skip around
between groups of items. To set the tab order use the TABINDEX attribute
with the link TAG.
Example: <A tabindex="10" href="http://www.w3.org/">W3C
Web site.</A>
The user would have to press the tab key 10 times to arrive at this link.
Text readers cannot read PDFs without a special plug-in. More information coming shortly!
The visually impaired use screen readers (text readers) to hear the content of web pages or other documents. It is important that you add alternative descriptions to images, provide an alternative to PDFs, and place images correctly within pages so that they do not interfere with the user's understanding of your page's content.
Choose text colors that contrast greatly with the page background. This will increase readability.
Color code text to make it easier for people who have vision problems to grasp the contact quickly but do not make understanding the content dependent on seeing the color of the text.
Example: Use red text to summarize the high points in a sentence or paragraph.
Example: Use blue text to indicate links.