3.2.3 Konsistente Navigation

Was bedeutet das?

Hauptmenü, Fußzeilen-Links oder ein Seitenmenü, die auf vielen Seiten wiederkehren, müssen jedes Mal in derselben Reihenfolge erscheinen. Wer einmal gelernt hat, dass „Kontakt“ der letzte Menüpunkt ist, soll ihn auf jeder Seite dort wiederfinden.

Es dürfen Punkte hinzukommen oder wegfallen, etwa ein Untermenü auf einer bestimmten Seite. Die Reihenfolge der übrigen Punkte bleibt aber gleich. Ausgenommen sind Änderungen, die die Person selbst vornimmt, etwa durch eigene Einstellungen.

Wem hilft das?

• Screenreader-Nutzer, die sich die Reihenfolge der Links merken
• Menschen mit Sehbehinderung, die mit starker Vergrößerung nur einen Ausschnitt sehen
• Menschen mit kognitiven Einschränkungen oder Lernschwierigkeiten
• Alle, die eine Website regelmäßig nutzen

Typische Fehler

• Auf der Startseite steht „Leistungen“ vor „Über uns“, auf Unterseiten dahinter.
• Landingpages haben ein eigenes Menü mit anders sortierten Punkten.
• Die Fußzeile im Blog ist anders aufgebaut als im Rest der Website.
• Die mobile Navigation hat auf verschiedenen Seiten unterschiedliche Reihenfolgen.

So prüfen wir das

• Belege Belege: Unser Scanner sammelt Material, zum Beispiel Screenshots, Listen und Messungen.

Prüffrage: Steht wiederholte Navigation auf jeder Seite in derselben Reihenfolge? Gefundene Unterschiede sind gelistet.

Entschieden wird jedes Kriterium von einem Menschen. Kein Kriterium gilt automatisch als erfüllt.

So beheben Sie es

<!-- Startseite -->
<nav><a href="/">Start</a> <a href="/shop">Shop</a> <a href="/kontakt">Kontakt</a></nav>
<!-- Unterseite -->
<nav><a href="/kontakt">Kontakt</a> <a href="/">Start</a> <a href="/shop">Shop</a></nav>

<!-- Eine gemeinsame Vorlage für alle Seiten -->
<nav aria-label="Hauptmenü">
  <a href="/">Start</a>
  <a href="/shop">Shop</a>
  <a href="/kontakt">Kontakt</a>
</nav>

Eine gemeinsame Vorlage sorgt dafür, dass das Menü überall gleich aufgebaut ist.

Praxistipps

• Pflegen Sie Kopf- und Fußbereich zentral in einer Vorlage, nicht auf jeder Seite einzeln.

Ratgeber und Muster dazu

• Die Erklärung zur Barrierefreiheit: vollständig, ehrlich, leicht zu findenUnternehmen und öffentliche Stellen müssen erklären, wie barrierefrei ihr Angebot ist. Hier steht, welche Angaben jeweils Pflicht sind und wie Sie die Erklärung so schreiben, dass sie hilft.
• Navigation mit Untermenüs, die nicht nur mit der Maus funktioniertUntermenüs per Button, Escape schließt, normale Links.

Offizielle Quelle

Understanding WCAG 2.2 beim W3C (Englisch): 3.2.3 Consistent Navigation