Barrierefreies Webdesign — ein zugängliches und nutzbares Internet gestalten

Beispiele aus dem Buch "Barrierefreies Webdesign" (Abschnitt 1.2: Barrierefreiheit am Computer)

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.

JAWS liest grafische Links vor

Der Screenreader JAWS kündigt einen Link und eine Grafik an und liest den Alternativtext der Grafik vor.

Eine kostenlose Demo-Version der Software JAWS kann auf Extern: http://www.freedomsci.de/ herunter geladen werden.

HTML

<div id="menue">
  <a href="http://www.barrierefreies-webdesign.de/buecher.php"><img src="buch0.gif" width="173" height="36" alt="Buch" class="navigation" /></a><br />
  <a href="http://www.barrierefreies-webdesign.de/richtlinien/index.php"><img src="richtlinien0.gif" width="170" height="36" alt="Richtlinien" class="navigation" /></a><br />
  <a href="http://www.barrierefreies-webdesign.de/spezial/index.php"><img src="spezial0.gif" width="170" height="36" alt="Spezial" class="navigation" /></a><br />
  <a href="http://www.barrierefreies-webdesign.de/links.php"><img src="links0.gif" width="170" height="36" alt="Links" class="navigation" /></a><br />
  <a href="http://www.barrierefreies-webdesign.de/kontakt.php"><img src="kontakt0.gif" width="170" height="36" alt="Kontakt" class="navigation" /></a><br />
</div>

CSS

img.navigation {
  margin-top:20px;
  border:0;
}
#menue {
  padding:0;
  border:0;
  width:14.7em;
}

Multimedia

Browseransicht