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.

Überspringen von ASCII-Zeichnungen

Zum Überspringen von ASCII-Zeichnungen sollten Sprungmarken verwendet werden. Diese können sichtbar oder unsichtbar sein (vgl. vorheriges Beispiel).

HTML

<p><a href="#ziel"><img src="transparent.gif" width="1" height="1" alt="ASCII-Zeichen überspringen" /></a></p>
<pre>
Euro
  I
150            +-+
  I            I I
100  +-+       I I
  I  I I  +-+  I I
50  I I  I I  I I
  I  I I  I I  I I
  +---------------- Produkte
      1    2    3
</pre>
<a name="ziel"></a>

Browseransicht

ASCII-Zeichen überspringen

Euro
  I
150            +-+
  I            I I
100  +-+       I I
  I  I I  +-+  I I
 50  I I  I I  I I
  I  I I  I I  I I
  +---------------- Produkte
      1    2    3