Dr.Web - Das Online Magazin für Seitenbetreiber

Abkürzungen sorglos drucken

Gemäß HTML- und XHTML-Spezifikation stehen zur semantischen Hervorhebung von Abkürzungen und Akronymen die korrespondierenden Elemente abbr und acronym zur Verfügung, deren Sinn man mittels Tooltip veranschaulichen kann. Wir zeigen, wie es auch im Ausdruck klappt.

 <acronym
title="World Wide Web Consortium">W3C</acronym>

Druckt man die entsprechende Seite aus, bleibt nur ein für Unbedarfte sinnleeres "W3C" stehen. Mit CSS ist es über folgenden Selektor und die zugehörige Deklaration aber möglich, auch den Wert des title-Attributs auszugeben, vorausgesetzt, der entsprechende print-Medientyp wird verwendet:

      acronym[title]:after
{
content: ' (' attr(title) ')';
}

Der Attributsselektor [title] stellt hierbei sicher, dass title wirklich definiert wurde, andernfalls würde die Deklaration nicht angewandt. Nun erhält man, sofern man einen halbwegs neuen Browser von Opera oder einen Mozilla-Abkömmling nutzt, die aussagekräftigere Druckversion:

W3C (World Wide Web Consortium)

Setzt man auch das im zukünftigen XHTML 2.0 im Gegensatz zu acronym vermutlich weiterhin erlaubte abbr-Element ein, braucht man beide Selektoren lediglich zu gruppieren, um die Deklaration für beide Elemente den gewünschten Effekt haben zu lassen:

      acronym[title]:after,
abbr[title]:after {
content: ' (' attr(title) ')';
}

Selbstredend ist diese Methode beliebig einsetz- und veränderbar. Auf Seiten mit starkem Gebrauch von Abkürzungen empfiehlt es sich außerdem, die Bedeutung jeder Kurzform nur einmal zu erklären, soll bei lauter umklammerten Erläuterungen noch etwas zu erkennen sein.

Über

Informationsarchitekt und Autor (Webdesign mit CSS, O'Reilly), spezialisiert auf professionelle Webentwicklung, Barrierefreiheit und Usability, aktiv für W3C, UPA und IxDA. Website. Weitere Beiträge für Dr. Web: 12