UCSF University of California, San Francisco      About UCSF       Search UCSF       UCSF Medical Center     
  Education & Training    Research    Patient Care   
 
Print This Page For Normal View, Click Here For Larger Font Sizes', Click Here

 
 
Information Services Unit
Web Resources
Announcements
Web Techniques
Web Worker Meetings
Training Resources
Web Style Guide
 

ALT Tags: Alternative Text

ALT tags provide a brief text description for images that do not appear on a web site. (For example, an ALT tag appears if a user has images disabled in their browser or does not have a plug in installed.) ALT tags also appear while an image is loading, which is good for users with slow internet connections. These tags are inserted into IMG tags in quotes:

<IMG SRC="http://www.johndoe.edu/img/eagle.gif" width=200 height=31 ALT="John Doe University eagle mascot">

ALT tags don't need to describe everything in an image, but they need to be meaningful. In the case above, John Doe University eagle mascot is more meaningful than eagle.

ALL photos, graphic images, and rich media on the School of Medicine site are given ALT tags.



Examples

Image:

<IMG SRC="http://www.johndoe.edu/img/logo.gif" width=200 height=31 ALT="Pediatrics logo">

Animation:

<IMG SRC="shuttle.gif" width="60" height="70" ALT="UCSF shuttle driving down Parnassus">

Image with a link:

<A HREF=feedback.html" TITLE="Send feedback to the Department of Lmnopqrst"><IMG SRC="feedback.gif" ALT="Feedback" width="35" height="20" border="0"></A>



Inserting Tags in Dreamweaver

After the image is inserted in your web page, select the image. Open the Properties Inspector and enter the ALT tag in the box titled ALT.

Insert Alt Tag


Checking pages to ensure that all images contain "alt tags"

1. Choose Edit > Find and Replace, and specify which files to search.

2. Choose Specific Tag from the Search For pop up menu.

3. Choose img from the pop up menu next to Search For pop up menu.

4. Choose Without Attribute from the pop up menu below the Search For pop up menu. Choose alt from the next pop-up menu.

5. Click Find All to generate a list of all the instances of the tag in the current document or, if you are searching a directory or site, generate a list of documents that contain the tag. The list appears in the Search tab of the Results panel

Find Alt Tags

Updated: September 28, 2005
    Site Map    Contact Info     ©UC Regents