Barrierefreies Webdesign — ein zugängliches und nutzbares Internet gestalten

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

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