Position
Nutzende müssen erkennen können, wo sie sich innerhalb einer Seitensammlung befinden — üblicherweise durch einen Breadcrumb-Pfad, einen Aktiv-Indikator in der Navigation oder eine Sitemap, die den aktiven Bereich hervorhebt.
Was gefordert wird
Sobald eine Website mehr als wenige Seiten umfasst, benötigen Nutzende — insbesondere Menschen mit kognitiven Behinderungen oder Screenreader-Nutzende, die eine Seite überfliegen — ein „Sie befinden sich hier“-Signal. Der Seitentitel liefert einen Hinweis; das Erfolgskriterium fordert mehr: einen Breadcrumb-Pfad, der die Hierarchie zeigt, eine Markierung der aktuellen Seite in der Hauptnavigation oder eine Sitemap, die den aktiven Bereich hervorhebt.
Dieses Erfolgskriterium ist AAA, damit für die meisten Teams ein Zielwert, der aber bei Dokumentationsseiten, E-Commerce-Katalogen und jeder Informationsarchitektur mit mehr als zwei Ebenen deutlichen Nutzen bringt.
So wird die Anforderung erfüllt
- Oberhalb der Hauptüberschrift auf jeder Seite unterhalb der obersten Ebene einen Breadcrumb-Pfad einfügen:
Startseite › Toolkit › Standards › WCAG 2.2. - Den aktuellen Seitenlink in der Navigation mit
aria-current="page"auszeichnen und visuell hervorheben (fette Schrift, Akzentfarbe, Unterstreichung). - Bei langen Formularen oder mehrstufigen Prozessen einen Schrittindikator anzeigen: „Schritt 2 von 5: Lieferadresse.“
- Den Breadcrumb als
<nav aria-label="Breadcrumb">mit einer geordneten Liste aufbauen; das letzte Element ist kein Link. - Bei umfangreichen Dokumentationsseiten die Informationsarchitektur in einer linken Seitenleiste als Baumstruktur abbilden, die den Ast der aktuellen Seite aufgeklappt zeigt.
Häufige Fehler
- Breadcrumbs, die nur die oberste Ebene anzeigen, nicht den vollständigen Pfad.
- Aktuelle Seitenlinks in der Navigation, die identisch mit inaktiven Links aussehen —
aria-currentist gesetzt, aber kein visueller Indikator vorhanden. - Schrittindikatoren bei mehrstufigen Formularen, die nur „Schritt 2“ anzeigen ohne Gesamtzahl, sodass Nutzende nicht wissen, wie viel noch verbleibt.
- Breadcrumbs, die die aktuelle Seite auf sich selbst zurückverlinken (geringer Schaden, aber kleine Verwirrung).
- Nur ein „Startseite“-Link, keine weiteren Orientierungshinweise, auf einer fünf Ebenen tiefen Dokumentationsstruktur.
Warum es wichtig ist
Kognitive Belastung ist die stille Barrierefreiheitssteuer. Nutzende mit ADHS, Legasthenie, Einschränkungen des Arbeitsgedächtnisses oder alle, die in einer Fremdsprache navigieren, sind auf beständige Positionshinweise angewiesen, um den Kontext zu behalten. Ohne diese Hinweise ist jeder Linkklick ein Sprung ins Ungewisse. Breadcrumbs und aria-current sind mit minimalem Aufwand umzusetzen und verbessern die Erfahrung für alle — weshalb viele Teams 2.4.8 umsetzen, obwohl sie sich nur zu AA verpflichtet haben.