<area alt=””> HTML Attribute

0 Shares
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 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.
Adam is a technical writer who specializes in developer documentation and tutorials.

Browser Support for alt

AllAllAllAllAllAll
0 Shares