Beispiele aus dem Buch (Abschnitt 2.3: Verständlichkeit, Navigation und Orientierung)

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

Dies ist ein Beispiel aus dem Buch [i;30-80-000-1], das Ende 2004 im dpunkt.Verlag erschienen ist.

Unsichtbare Sprungmarken als Navigationshilfe

Ein unsichtbarer Link am Anfang des Inhalts wird von Screenreadern erkannt, obwohl er nicht sichtbar ist — natürlich sollte transparent.gif tatsächlich eine transparente Grafik sein. Der eigentliche Inhaltsbereich sollte entsprechend mit einer id versehen werden.

Hinweis (2016): Aktuelle Informationen zu unsichtbaren Sprunglinks finden Sie im Beitrag Sprunglink zum Inhalt.

HTML

<a href="#inhalt"><img src="transparent.gif" width="1" height="1" alt="Inhalt anspringen" /></a></p>
<!-- Weiterer Inhalt, z.B. Navigation -->
<div><a name="inhalt" id="inhalt"></a>
  … Inhalt …
</div>