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" />
  […]
</map>

Comments