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

"Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen" bei amazon.deDies 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!
Der folgende Begriff auf dieser Seite wird im Glossar definiert:
Abkürzung

Neue Fenster ankündigen
ACRONYM und ABBR