W3C Web Accessibility Initiative
Web Accessibility Tutorials Guidance on how to create websites that meet WCAG

Complete Image Maps Example

Example:

Board of directors and related staff:

Davy Jones: Chairman Carole Brewster: Company Secretary Harry H Brown: Marketing Director (reports to chairman) Paula Holbein: Sales Director (reports to chairman) Hugh Howard: Finance Director (reports to chairman)
Code snippet:

<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 (reports to chairman)"
  >
  <area 
    shape="rect"
    coords="175,138,323,182"
    href="…"
    alt="Paula Holbein: Sales Director (reports to chairman)"
  >
  <area
    shape="rect" 
    coords="345,136,496,186" 
    href="…"
    alt="Hugh Howard: Finance Director (reports to chairman)"
  >
</map>