3.2.3 Konsistente Navigation

1. Was ist das Ziel dieses Kriteriums?

Stell dir vor, du gehst jeden Tag ins gleiche Bürogebäude – aber die Aufzüge wären mal links, mal rechts, mal in der Mitte. Das wäre nicht nur nervig, sondern würde Menschen mit Sehbehinderungen oder kognitiven Einschränkungen regelrecht die Orientierung rauben.

Genau das passiert auf vielen Websites: Die Menüpunkte tauschen die Plätze, die Suche taucht mal vor, mal nach dem Hauptmenü auf, und wichtige Links wandern von Seite zu Seite. Menschen, die auf vorhersagbare Strukturen angewiesen sind, verlieren schnell den Überblick.

Das Ziel von Erfolgskriterium 3.2.3 der WCAG ist daher klar: Navigationselemente, die auf mehreren Seiten einer Website auftauchen, müssen jedes Mal in derselben relativen Reihenfolge erscheinen. So können sich alle darauf verlassen, wo sie was finden.

2. Was fordert das Erfolgskriterium genau?

Ganz konkret geht es um alle Navigationsmechanismen, die sich auf mehreren Seiten einer Website wiederholen. Diese müssen in derselben relativen Reihenfolge auftreten – es sei denn, die Person selbst ändert etwas daran.

Das bedeutet praktisch:

• Das Hauptmenü behält seine Reihenfolge: „Start, Produkte, Service, Kontakt“ bleibt „Start, Produkte, Service, Kontakt“
• Die Suche steht immer an derselben Stelle in der Abfolge – etwa immer nach dem Hauptmenü
• Sprunglinks wie „Zum Inhalt springen“ erscheinen durchgehend als erstes Element
• Die Navigation im Seitenfuß folgt auf allen Seiten der gleichen Struktur

Wichtige Klarstellung: „Gleiche relative Reihenfolge“ bedeutet nicht, dass nichts hinzukommen darf. Untermenüs können sich aufklappen, zusätzliche Navigationspunkte können eingefügt oder entfernt werden – solange die übrigen Elemente untereinander in derselben Reihenfolge bleiben. Gefordert ist die Reihenfolge, nicht eine pixelgenau identische Position.

Ausnahmen gelten nur, wenn die Person selbst eine Änderung auslöst – etwa durch eine Einstellung, mit der sie Menüpunkte umsortiert oder häufig genutzte Links nach vorne holt.

3. Warum ist das wichtig für Barrierefreiheit?

Stell dir vor, du nutzt eine Bildschirmlupe, die immer nur einen kleinen Ausschnitt der Website zeigt. Oder du bist auf einen Screenreader angewiesen und springst über Tastaturkürzel zu bekannten Stellen. Wenn diese Stellen ständig wechseln, wird jeder Seitenbesuch zum Suchspiel.

Konsistente Navigation schafft Barrierefreiheit, weil sie:

• Menschen mit Sehbehinderungen ermöglicht, sich auf visuelle Anker und räumliche Erinnerungen zu verlassen
• Menschen mit kognitiven Einschränkungen dabei hilft, ein mentales Modell der Website aufzubauen
• Screenreader-Nutzer:innen vorhersagbare Sprungziele und Navigationspfade bietet
• Menschen mit motorischen Einschränkungen effiziente Wege ohne ständige Neuorientierung ermöglicht
• allen eine leichter erlernbare Website bietet

Das Gehirn liebt Muster – und konsistente Navigation nutzt das, um Websites intuitiver und zugänglicher zu machen.

4. So setzt du das Kriterium erfolgreich um

Die gute Nachricht: Konsistente Navigation ist meist einfacher umzusetzen, als sie zu vermeiden. Hier die bewährtesten Strategien:

Mit Vorlagen arbeiten:

• Verwende einheitliche Layout-Vorlagen für alle Seiten
• Definiere feste Plätze für wiederkehrende Elemente
• Halte die HTML-Struktur zwischen den Seiten vergleichbar – die Reihenfolge im Quelltext zählt, denn danach richten sich Screenreader und Tastatur
• Nutze CSS Grid oder Flexbox, ohne die visuelle Reihenfolge von der Quelltextreihenfolge abzukoppeln

Navigation richtig strukturieren:

• Platziere das Hauptmenü immer an derselben Stelle (meist oben oder links)
• Behalte die Reihenfolge der Menüpunkte bei – auch wenn du neue hinzufügst
• Positioniere Suche, Brotkrumennavigation und Sprunglinks einheitlich
• Sorge für eine einheitliche Navigation im Seitenfuß

Responsives Design beachten:

• Innerhalb derselben Darstellungsvariante (z. B. Mobilansicht) muss die relative Reihenfolge auf allen Seiten gleich sein
• Ein Burger-Menü darf die Optik ändern, sollte die Reihenfolge der Menüpunkte aber beibehalten
• Verwende einheitliche Breakpoints und Umbruchlogik

Technische Umsetzung:

• Arbeite mit komponentenbasierten Frameworks (React, Vue, Angular) oder Template-Funktionen deines CMS
• Baue eine zentrale Navigationskomponente, die überall eingebunden wird
• Teste regelmäßig mit Screenreader und Tastatur

Was du vermeiden solltest:

• Die Navigation je nach Seiteninhalt umzustellen
• Menüpunkte je nach Seite anders zu sortieren
• Die Suche mal vor, mal hinter dem Menü zu platzieren
• Verschiedene Teams unterschiedliche Navigationskonzepte entwickeln zu lassen

Eng verwandt sind Konsistente Erkennung (gleiche Funktionen, gleiche Namen) und Konsistente Hilfe. Sprunglinks selbst behandelt Blöcke umgehen.

5. Warum dieses Erfolgskriterium für Unternehmen relevant ist

Auch bei Erfolgskriterium 3.2.3 gilt: Barrierefreiheit ist kein Selbstzweck – sondern bringt handfeste Vorteile für dein Business.

1. Bessere Nutzererfahrung

Konsistente Navigation macht Websites nicht nur barrierefreier, sondern für alle benutzerfreundlicher. Menschen finden schneller, was sie suchen, und müssen sich nicht bei jedem Seitenaufruf neu orientieren. Das senkt Frust und erleichtert den Weg bis zum Kauf oder zur Anfrage.

2. Saubere Struktur – auch für Suchmaschinen

Barrierefreiheit ist kein direkter Google-Rankingfaktor. Eine klare, einheitliche Navigation sorgt aber für eine stabile interne Verlinkung und eine nachvollziehbare Seitenstruktur – davon profitieren Crawler indirekt genauso wie Menschen.

3. Entwicklungskosten senken

Eine zentrale, vorlagenbasierte Navigation reduziert Entwicklungs- und Wartungsaufwand. Ein einheitliches System ist einfacher zu pflegen, zu testen und zu erweitern. Neue Teammitglieder finden sich schneller zurecht.

Und nicht zuletzt die rechtliche Seite: Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) für viele digitale Angebote für Verbraucher:innen, etwa Online-Shops und Bankdienstleistungen. Technischer Maßstab ist die EN 301 549, die für Webinhalte auf WCAG 2.1 Level AA verweist – 3.2.3 gehört dazu. Öffentliche Stellen sind über die BITV 2.0 bzw. Landesrecht ohnehin verpflichtet. Dieser Abschnitt informiert allgemein und ersetzt keine Rechtsberatung.

6. Das Erfolgskriterium im Wortlaut des W3C

Success Criterion 3.2.3 Consistent Navigation (Level AA)

Navigational mechanisms that are repeated on multiple web pages within a set of web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user.

Kurz gesagt: Navigation, die sich über mehrere Seiten wiederholt, erscheint jedes Mal in derselben relativen Reihenfolge – außer die Person ändert sie selbst.