HTML  /  Web Images: Best Practices and HTML Code In One Useful Guide  /  <area> HTML Tag / <area alt=""> HTML Attribute

<area alt=""> HTML Attribute

In HTML Attributes

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more
Attribute of
<area> HTML Tag
What does <area alt=""> HTML Attribute do?
Specifies alternative text for a clickable area in an image map.

Code Example

<img src="/wp-content/uploads/shapes.png" usemap="shapes-map">

<map name="shapes-map">
  <area alt="Red Square" shape="rect" title="Square" coords="19,28,222,228" href="/wp-content/uploads/square.png"  target="_blank" />
  <area alt="Blue Circle" shape="circle" title="Circle" coords="361,132,96" href="/wp-content/uploads/circle.png" target="_blank" />
</map>
Image Red SquareBlue Circle

Values of the alt Attribute

Value NameNotes
textThe alternative text, to be displayed in screen readers and in case of image failure.

All Attributes of area Element

Attribute nameValuesNotes
alttextSpecifies alternative text for a clickable area in an image map.
coordsvaluesDefines the shape and size of a clickable area in an image map.
hrefurlDefines the URL of the linked document or resource.
nohrefSpecified that an area of an image map did not link to another resource.
shaperect
circle
poly
default		In conjunction with the coords attribute, specifies the shape, size, and placement of a clickable area in an image map.
targetframename
_top
_parent
_blank		Specifies the context in which to open the linked resource.
titletextDefines the title text of the clickable area. The title text will appear as a tooltip in most browsers.
Image
Adam Wood
Adam is a technical writer who specializes in developer documentation and tutorials.

Browser Support for alt

iefirefoxchromeedgesafariopera
AllAllAllAllAllAll