Populate the alt attribute of each mapped image and its <area /> tags

When a mapped image is integrated in the HTML code:

  • An alt attribute must be added to the <img /> tag and to each <area /> tag.
  • The alt attribute of the <img /> tag must announce the function of the mapped image.
  • The alt attribute of each <area /> tag must express the destination of the link.

For example, in the case of a map of France where each department is clickable and leads to an information sheet about the department:

<img src="…" alt="Map of France" usemap="#map-france" />
<map name="map-france">
  <area shape="poly" coords="…" href="…" alt="Ain" />
  <area shape="poly" coords="…" href="…" alt="Aisne" />
  <area shape="poly" coords="…" href="…" alt="Allier" />


Back to top