Was ist id-Attribut?

Kurz-Fakten

• Muss im Dokument eindeutig sein; mehrfache Vergabe ist ungültig
• Darf keine Leerzeichen enthalten und muss mindestens ein Zeichen lang sein
• Ein Verweis auf #kennung springt zum Element mit dieser id – auch aus einer anderen Seite heraus
• Im Formular verbindet for="kennung" am label das Feld mit seiner Beschriftung
• In CSS sticht eine id-Regel jede Klassenregel aus, was Überschreiben erschwert

Einordnung für die Praxis

Die Eindeutigkeit wird am häufigsten in Auflistungen verletzt: Eine Vorlage vergibt id="titel", die Übersicht zeigt zwanzig Einträge – und alle Sprungziele führen zum ersten. In Formularen wiegt es schwerer, weil dann die Beschriftung am falschen Feld hängt und Screenreader Unsinn ansagen.

Für Gestaltung sind Klassen die bessere Wahl. Die id gehört dorthin, wo sie eine Beziehung herstellt: Sprungziel, Feldbeschriftung, ARIA-Verweis.

Verwandte Begriffe

• class-Attribut Das class-Attribut ordnet einem Element eine oder mehrere Bezeichnungen zu, über die CSS…
• label-Element Das label-Element beschriftet ein Formularfeld und verbindet sich mit ihm – entweder…
• Attribut Attribute stehen im öffnenden Tag eines Elements und verändern dessen Verhalten oder…
• ARIA ARIA ist ein Satz von Attributen, mit denen sich Rolle, Zustand und Eigenschaften eines…