Skip navigation.
Home

Beginning Accessibility Tips

Images

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 = "">

Hyperlinks

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.
               

Repetitive Links:

Avoid using the same name for multiple links that point to different web pages.  This can
slow navigation for screen reader users.

Confusing Links:

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>

 

Tab Index

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.

Example Code:

First Name: <input type ="text" name="FirstName" tabindex="1">

Last Name: <input type ="text" name="LastName" tabindex="2">