<area alt=””> HTML Attribute

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>
Red Square Blue Circle

Values of the alt Attribute

Value Name Notes
text The alternative text, to be displayed in screen readers and in case of image failure.

All Attributes of area Element

Attribute name Values Notes
alt text Specifies alternative text for a clickable area in an image map.
coords values Defines the shape and size of a clickable area in an image map.
href url Defines the URL of the linked document or resource.
nohref Specified that an area of an image map did not link to another resource.
shape rect
circle
poly
default
In conjunction with the coords attribute, specifies the shape, size, and placement of a clickable area in an image map.
target framename
_top
_parent
_blank
Specifies the context in which to open the linked resource.
title text Defines the title text of the clickable area. The title text will appear as a tooltip in most browsers.
This is the mysterious user account for the HTML.com admin.

Browser Support for alt

AllAllAllAllAllAll