Idocs Guide to HTML
Home >> Images >> <AREA ...>
previous page<AREA HREF="..."><AREA SHAPE="..."> next page

Attribute for <AREA ...>
ALT = "text string"

Usage Recommendation
thumbs up use it

Looking for info on how to make an image map?

See our tutorial How to Make an Image Map
ALT, which works just like <IMG ALT="...">, indicates the alternative text to use for the link if the browser does not display the image (for example if the user is blind and uses a text browser). If you decide to put an imge map in your web page, don't look like an amateur and leave out alternate text.

For example, the following <AREA ...> tag indicates that the alternate text is Contacts: 

<AREA 
   HREF="contacts.html" ALT="Contacts" 
   SHAPE=RECT COORDS="6,116,97,184">

which gives us the rectangle in this map:

Contacts Products New! map of GH site
[ Contacts ] [ Products ] [ New! ]

Some visual browsers do not utilize the ALT attribute but make user the TITLE attribute to display a prompt over the area, so it's a good idea to use both: 

<AREA 
   HREF="contacts.html" ALT="Contacts" TITLE="Contacts" 
   SHAPE=RECT COORDS="6,116,97,184">

which gives us this map:

Contacts Products New! map of GH site
[ Contacts ] [ Products ] [ New! ]
previous page<AREA HREF="..."><AREA SHAPE="..."> next page
Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.