HTML Element - abbr

Mit dem HTML-Element <abbr> lassen sich Abkürzungen und Akronyme auszeichnen und für Nutzer sowie assistive Technologien verständlich ergänzen.

Beispiel

<p>Das <abbr>W3C</abbr> wurde 1994 gegründet und hat seinen Sitz auf verschiedenen Kontinenten.</p>

Definition und Verwendung

Das abbr-Tag definiert eine Abkürzung oder ein Akronym.

Um die vollständige Bezeichnung der Abkürzung/des Akronyms anzuzeigen wird das globale Attribut title eingesetzt.

Attribute

Attribute erweitern Elemente um zusätzliche Eigenschaften oder Informationen und beeinflussen deren Bedeutung, Verhalten oder Darstellung. Sie bestehen in der Regel aus einem Attributnamen und einem zugehörigen Wert, wobei die zulässigen Attribute vom jeweiligen Element abhängen und teils allgemein, teils elementbezogen definiert sind.

Eine besondere Gruppe bilden die aria-*-Attribute, die zur Unterstützung der Barrierefreiheit zusätzliche Informationen für assistive Technologien bereitstellen.

Attribute-Tabelle
Attribut Wert Beschreibung
vollständige Bezeichnung Definiert einen Zusatztext (Tooltip) für ein Element.

Beispiel Attributen: title

<p>Das <abbr title="World Wide Web Consortium">W3C</abbr> wurde 1994 gegründet und hat seinen Sitz auf verschiedenen Kontinenten.</p>

Da die Unterstützung des title-Attributs je nach Browser und Eingabegerät unterschiedlich ausfallen kann, werden für barrierefreie Inhalte häufig ergänzend aria-*-Attribute eingesetzt.

aria-* Attribute-Tabelle
Attribut Wert Beschreibung
vollständige Bezeichnung Stellt eine für assistive Technologien lesbare Bezeichnung bereit, die den Inhalt oder die Bedeutung eines Elements beschreibt.

Beispiel Attributen: aria-label

<p>Das <abbr title="World Wide Web Consortium" aria-label="World Wide Web Consortium">W3C</abbr> wurde 1994 gegründet und hat seinen Sitz auf verschiedenen Kontinenten.</p>

Standardbrowser CSS

Webbrowser wenden auf viele Elemente vordefinierte CSS-Stile an, die eine grundlegende Struktur und Lesbarkeit sicherstellen. Umfang und Ausgestaltung dieser Standardstile können je nach Browser variieren, etwa in Bezug auf Abstände, Schriftgrößen oder die Darstellung einzelner Elemente.

abbr {
  display: inline;
}

Browserunterstützung

Die Unterstützung von Elementen und Attributen ist in den gängigen modernen Browsern weitgehend einheitlich gewährleistet. Unterschiede können dennoch in Details, im Einführungszeitpunkt neuer Funktionen oder bei experimentellen Features auftreten.

Diese Tabelle zeigt die Unterstützung des abbr durch gängige Webbrowser und ordnet dessen Verfügbarkeit im aktuellen Browserumfeld ein.
Element Firefox Internet Explorer / Edge Safari Chrome Opera
<abbr>