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
"Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen" bei amazon.de

Warning: Undefined variable $anmerkung in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 330

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


Warning: Undefined variable $id_array_ in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 341

Warning: Trying to access array offset on value of type null in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 341

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