Zum Inhalt springen
skrabi.comProjekt starten ↗

Webentwicklung / ratgeber

Die aktuelle Seite kennzeichnen: aria-current gezielt für Navigation einsetzen

Eine anders gefärbte Navigationszeile kann sehenden Menschen zeigen, wo sie sich befinden. Für andere Ausgabemedien sollte diese Bedeutung ebenfalls erkennbar sein. MDN beschreibt aria-current als Kennzeichnung des aktuellen Elements innerhalb einer zusammengehörigen Gruppe. Dabei kommt es darauf an, welche Beziehung…

Redaktionelles Symbolmotiv; keine Abbildung eines getesteten Einzelprodukts

Eine anders gefärbte Navigationszeile kann sehenden Menschen zeigen, wo sie sich befinden. Für andere Ausgabemedien sollte diese Bedeutung ebenfalls erkennbar sein. MDN beschreibt aria-current als Kennzeichnung des aktuellen Elements innerhalb einer zusammengehörigen Gruppe. Dabei kommt es darauf an, welche Beziehung wirklich gemeint ist: eine aktuelle Seite ist etwas anderes als eine ausgewählte Option in einem anderen Bedienelement.

Die Navigationsgruppe überschaubar halten

Betrachte zunächst eine konkrete Gruppe, etwa eine Hauptnavigation oder einen Pfad aus übergeordneten Seiten. Bestimme, welches Element den tatsächlich angezeigten Ort beschreibt. Eine bloße gestalterische Hervorhebung eines empfohlenen Angebots macht dieses nicht zur aktuellen Seite. Auch ein Menüpunkt, der nur bei Mausberührung farbig wird, beschreibt einen anderen Zustand. Die Kennzeichnung sollte die tatsächliche Orientierung ergänzen und keine Bedeutung erfinden, die in der Anwendung gar nicht existiert.

Die passende Bedeutung ausdrücken

MDN unterscheidet unter anderem eine aktuelle Seite und einen aktuellen Schritt. Bei einer mehrteiligen Aufgabe kann deshalb die Fortschrittsanzeige eine andere Bedeutung brauchen als die normale Seitennavigation. Lege dies anhand des tatsächlichen Ablaufs fest. Eine sprechende Beschriftung bleibt weiterhin nötig. Das Attribut ersetzt weder den sichtbaren Linktext noch einen verständlichen Seitentitel. Eine präzise Eigenschaft hilft nur dann, wenn das bezeichnete Element selbst sinnvoll benannt ist.

Den Zustand beim Seitenwechsel mitführen

Prüfe bei einer Anwendung mit dynamischer Navigation, ob die Kennzeichnung nach dem Wechsel noch zum angezeigten Inhalt gehört. Es reicht nicht, den Anfangszustand einer Vorlage korrekt einzurichten. Eine alte Hervorhebung kann Orientierung gerade dann verschlechtern, wenn der Inhalt bereits gewechselt hat. Halte Styling und Bedeutung an derselben fachlichen Entscheidung fest, statt sie unabhängig voneinander an verschiedenen Stellen zu verändern.

Eine kleine Navigationsprobe durchführen

Rufe mehrere Seiten derselben Gruppe nacheinander auf und kontrolliere Titel, sichtbare Hervorhebung und aktuelle Kennzeichnung gemeinsam. Nutze auch Tastaturbedienung und eine geeignete assistive Ausgabe für die Abnahme. Die Frage lautet nicht nur, ob ein Attribut im Quelltext steht, sondern ob Menschen den aktuellen Ort verständlich erkennen können. Eine solche Probe ersetzt keinen vollständigen Barrierefreiheitstest, deckt aber eine konkrete und häufig übersehene Abweichung zwischen Gestaltung und Bedeutung auf.

Quellen & Aktualität

Quellen geprüft am 2026-11-01. Herstellerangaben sind als solche eingeordnet. Produktdetails können sich nach diesem Stand ändern.