Beispiele aus dem Buch (Abschnitt 2.7: Strukturen und Validierung)

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

Hervorhebung durch Formatierung

Das folgende Negativbeispiel zeigt, wie eine Hervorhebung durch eine CSS-Formatierung erzeugt wird. Diese Hervorhebung ist nur auf Bildschirmen zu sehen und wenn das CSS nicht vom Benutzer überschrieben wurde.

HTML

<p class="hervorhebung">Ein Absatz</p>

CSS

.hervorhebung {
  border-bottom:2px solid #ff0000;
}

Browseransicht

Ein Absatz

Hervorhebungen sollten grundsätzlich mit STRONG vorgenommen werden. Formatierungen können nach wie vor über CSS erfolgen.

HTML

<p><strong class="hervorhebung2">Ein Absatz</strong></p>

CSS

.hervorhebung2 {
  border-bottom:2px solid #ff0000;
  font-weight:normal;
  display: block;
}

Browseransicht

Ein Absatz