WCAG 3.2.3: Konsistente Navigation

Navigationsmechanismen, die auf mehreren Seiten wiederholt werden, müssen dort in derselben relativen Reihenfolge erscheinen – das Menü, die Suche, der Footer, der Skip-Link. Wer die Seite wechselt, soll sich nicht neu orientieren müssen. (Englisch: Consistent Navigation.)

Was verlangt das Kriterium?

„Relative Reihenfolge“ heißt: Die wiederkehrenden Blöcke behalten ihre Ordnung zueinander – Einschübe sind erlaubt, Umsortierungen nicht. Wenn das Menü auf der Startseite „Produkte · Preise · Kontakt“ heißt, darf es auf der Unterseite nicht „Kontakt · Produkte · Preise“ heißen; ein zusätzlicher Punkt „Aktionen“ darf aber dazukommen. Betroffen sind alle wiederholten Mechanismen: Hauptnavigation, Subnavigation, Suche, Breadcrumbs, Footer-Links.

Wen betrifft es besonders?

Menschen mit kognitiven Einschränkungen und Gedächtnisproblemen, die sich Positionen einprägen („Kontakt ist immer der letzte Punkt“); Screenreader-Nutzer, die gelernte Sprungfolgen wiederverwenden; und Vergrößerungs-Nutzer, die Bereiche anhand ihrer erwarteten Position im Ausschnitt suchen.

So sieht die Umsetzung aus

Die technische Lösung ist ein Architektur-Klassiker: eine einzige Datenquelle für die Navigation, aus der alle Seiten Header, Menü und Footer beziehen – Template, Komponente oder zentrale Konfigurationsdatei. Diese Website macht genau das: Mega-Menü, Breadcrumbs, Footer und Sitemap kommen aus einer Datei; Drift zwischen Seiten ist damit strukturell unmöglich. Wo Navigation von Hand pro Seite gepflegt wird, ist die Inkonsistenz nur eine Frage der Zeit.

nav.ts (eine Quelle)
 ├─ Mega-Menü        → identische Reihenfolge auf jeder Seite
 ├─ Breadcrumbs      → identische Logik auf jeder Seite
 ├─ Footer-Spalten   → identische Reihenfolge auf jeder Seite
 └─ Sitemap/llms.txt → dieselbe Struktur für Maschinen

So testest du es

1. Drei bis fünf Seiten verschiedener Bereiche öffnen und Header/Footer vergleichen: gleiche Punkte, gleiche Reihenfolge?
2. Mobile Navigation gegen Desktop prüfen – gleiche Datenquelle oder zwei handgepflegte Welten?
3. Sonderseiten nicht vergessen: Suche, 404, Checkout – auch dort gilt die Ordnung (reduzierte Navigation ist okay, solange das Vorhandene die Reihenfolge hält).

Verwandte Themen

• 3.2.4 Konsistente Erkennung – Konsistenz der Benennung
• 3.2.6 Konsistente Hilfe – der 2.2-Neuzugang für Hilfe-Angebote
• Mega-Menüs – Navigation als System