Abbr

Diese Dokumentation wird aktuell überarbeitet und befindet sich im Beta-Status. Inhalte können sich noch ändern.

Synonyme: Abkürzung, Kürzel

Beschreibung: Die Abbr-Komponente dient zur semantischen Kennzeichnung von Abkürzungen innerhalb von Texten.

Beispiel

Standard-Abkürzung mit optionalem Label:

z. B.

<KolAbbr _label="zum Beispiel" >z. B.</KolAbbr>

Barrierefreiheit

• Die Komponente kennzeichnet Abkürzungen semantisch.
• Die Bedeutung einer Abkürzung wird direkt im sichtbaren Text vermittelt.
• Die Komponente besitzt keine interaktiven Funktionen.

Konkrete desinentscheidungen

Entscheidung	Begründung
Semantische Kennzeichnung von Abkürzungen	Unterstützt Browser und assistive Technologien bei der Interpretation von Inhalten.
Erläuterung der Bedeutung im sichtbaren Text	Alle Nutzenden erhalten dieselben Informationen unabhängig von Browser oder assistiven Technologien.
Keine Interaktion	Die Komponente dient ausschließlich der semantischen Auszeichnung von Text und benötigt daher keine Tastaturunterstützung.

Links und Referenzen

Verwendung

Die Komponente eignet sich zur Kennzeichnung von Abkürzungen innerhalb von Fließtexten.

Best Practices / Empfehlungen

• Erläutern Sie die Bedeutung einer Abkürzung beim ersten Auftreten im sichtbaren Text, z. B. Barrierefreie-Informationstechnik-Verordnung (BITV) oder BITV (Barrierefreie-Informationstechnik-Verordnung).
• Anschließend kann die Abkürzung ohne erneute Erläuterung verwendet werden.
• Verwenden Sie die Komponente nur für Abkürzungen, deren Bedeutung für die Zielgruppe nicht selbstverständlich ist.

Anwendungsfälle

• Fachbegriffe
• Behördenabkürzungen
• Organisationen
• Technische Begriffe
• Gesetze und Richtlinien

Konstruktion / Technik

Playground

z. B.

<KolAbbr _label="zum Beispiel" >z. B.</KolAbbr>

Funktionalitäten (mit Code)

Abkürzung ohne Label

Abkürzung als reines Text-Element ohne zusätzliche Erklärung:

z. B.

<KolAbbr _label="zum Beispiel" >z. B.</KolAbbr>

Abkürzung mit Label

Abkürzung mit ausgeschriebener Erklärung über das _label-Attribut:

z. B.

<KolAbbr _label="zum Beispiel" >z. B.</KolAbbr>

API

Overview

The Abbr component implements the HTML tag abbr with an accessible tooltip. The tooltip for the description is displayed and read aloud when the Abbr component is focused or hovered.

Properties

Property	Attribute	Description	Type	Default
_label	_label	Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).	string | undefined	undefined

Slots

Slot	Description
	The abbreviation (short form).

---