Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

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 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.

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>