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.

ACRONYM optisch hervorheben

Einige Browser heben Akronyme hervor, damit der Nutzer darüber informiert wird, dass es sich um eine Abkürzung mit ausgeschriebenem Text als Tool-Tipp handelt. Leider hebt der Microsoft Internet Explorer dieses Element nicht hervor. Eine Hervorhebung durch CSS ist deswegen durchaus sinnvoll.

HTML

<p class="acronymDemo">Willkommen im <acronym title="World Wide Web" lang="en" xml:lang="en">WWW</acronym>!</p>

CSS

p.acronymDemo acronym {
  border: 1px dashed #000000;
}

Browseransicht

Willkommen im WWW!