Web accessibility tutorials Guidance on how to create websites that meet WCAG
Jump to the navigation

Complete Image Maps Example

Status -

This is an in-progress, unapproved draft. Please send any suggestions, edits, or comments to the publicly-archived list: wai-eo-editors@w3.org.

<img src="orgchart.png"
     alt="Board of directors and related staff: "
     usemap="#Map">

<map name="Map" id="Map">
	<area
		shape="rect"
		coords="176,14,323,58"
		href="…"
		alt="Davy Jones: Chairman"
	>
	<area shape="rect" coords="81,75,226,114" href="…"
		alt="Carole Brewster: Company Secretary"
	>
	<area shape="rect" coords="6,138,155,182" href="…"
		alt="Harry H Brown: Marketing Director"
	>
	<area shape="rect" coords="175,138,323,182" href="…"
		alt="Paula Holbein: Sales Director"
	>
	<area shape="rect" coords="345,136,496,186" href="…"
		alt="Hugh Howard: Finance Director"
	>
</map>