<h1>Farbwähler</h1>
<p>Bitte wählen Sie aus der Farbskala eine Farbe, die Ihrer Lieblingsfarbe am nächsten kommt.</p>
<p><img src="images/140_farben.gif" usemap="#farbwaehler" width="140" height="100" alt="Farbfeld mit den 140 Standardfarben" />
<map id="farbwaehler" name="farbwaehler">
<area href="#" shape="rect" lang="en" coords="0,0,10,10" alt="maroon (#800000)" />
<area href="#" shape="rect" lang="en" coords="10,0,20,10" alt="darkred (#8B0000)" />
<area href="#" shape="rect" lang="en" coords="20,0,30,10" alt="firebrick (#B22222)" />
<area href="#" shape="rect" lang="en" coords="30,0,40,10" alt="brown (#A52A2A)" />
<area href="#" shape="rect" lang="en" coords="40,0,50,10" alt="crimson (#DC143C)" />
<area href="#" shape="rect" lang="en" coords="50,0,60,10" alt="red (#FF0000)" />
[...]
</map>
</p>
Dieses Beispiel stammt aus dem Buch Barrierefreiheit verstehen und umsetzen.