Beginning Accessibility Tips
Within the <IMG> tag use the ALT attribute to provide a short text description of a picture or a graphic link.
<IMG xsrc="SamfordHall.jpg" ALT="Samford Hall">
If an image is not important or relevant to the content of the page use an alt tag with empty quotes. This technique will cause the screen reader to ignore the image.
<IMG alt = "">
When creating a link to another page, make sure the words which will represent the link provide enough information to be understood by someone who cannot see the link in the context of surrounding information.
Avoid using the same name for multiple links that point to different web pages. This can
slow navigation for screen reader users.
The following is an example of a potentially confusing link.
Click Here to see my resume
A better link would be:
<a>View my resume</a>
The tabindex is used to ensure logical navigation between fields in a form. If a form is designed without the use of the tabindex attribute, a screen reader user who relies on the tab key to move from field to field, could be confused by the illogical order of the fields. For example, if the first field of the form is first name the next logical field would be middle or last name but without a tabindex the next field could be zip code.
First Name: <input type ="text" name="FirstName" tabindex="1">
Last Name: <input type ="text" name="LastName" tabindex="2">