Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

Beispiele aus dem Buch "Barrierefreies Webdesign" (Abschnitt 2.1: Texthinterlegung)

Cover: 'Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen' von Jan Eric Hellbusch Extern: "Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen" bei amazon.de

Dies ist ein Beispiel aus dem Buch Barrierefreies Webdesign (2004), das Ende 2004 im dpunkt.Verlag erschienen ist.

Alternativtexte in OBJECT

Das untenstehende Bild zeigt eine clientseitige Image-Map. Hinter den Buchstaben für die jeweilige Himmelsrichtung verbergen sich Links.

Hinweis: Das Einbinden von Grafiken mit OBJECT wird in verschiedenen Browsern unterschiedlich dargestellt.

HTML

<map id="wohin" name="wohin">
  <area href="#" shape="rect" coords="183,3,269,62" title="der hohe Norden ist nur einen Tastendruck entfernt" alt="Norden" />
  <area href="#" shape="rect" coords="0,179,56,255" title="Hier ist kein wilder Westen zu erwarten" alt="Westen" />
  <area href="#" shape="rect" coords="181,371,246,428" title="Ab in den Süden" alt="Süden" />
  <area href="#" shape="rect" coords="366,176,442,257" title="Mit Vollgas in den Osten" alt="Osten" />
</map>
<object data="kompass.gif" type="image/gif" width="490" height="470" usemap="#wohin">
  <p>Klassischer Kompass.</p>
</object>

Browseransicht

Norden Westen Süden Osten

Klassischer Kompass.