Stufe AA · WCAG 2.0

3.2.3 Konsistente Navigation

Navigation, die sich über mehrere Seiten wiederholt, steht auf jeder in derselben relativen Reihenfolge.

Nur manuell Keine automatische Prüfung sagt etwas Brauchbares.

Wie es in der Praxis reißt

Ein Hauptmenü, dessen Punkte sich auf den Shop-Seiten neu sortieren. Ein Suchfeld im Header der meisten Templates und unter dem Inhalt im Blog. Wer sich die Website über die Lage der Dinge gemerkt hat, muss sie neu lernen.

Wie man es repariert

Erzeugen Sie wiederkehrende Navigation aus einem gemeinsamen Template. Ein Bereich darf eigene Punkte ergänzen, aber die Punkte, die alle Seiten teilen, behalten ihre Reihenfolge.

Auf einen Blick

Stufe
Stufe AA — die Stufe, die EN 301 549 verlangt, und damit die, an der BFSG und EAA gemessen werden.
Prinzip
Verständlich
Richtlinie
3.2 Vorhersehbar
Neu in
WCAG 2.0
EN 301 549
9.3.2.3
Englische Bezeichnung
Consistent Navigation
Automatische Prüfung
Nur manuell

Offizielle Definition beim W3C lesen

So prüfen Sie es von Hand

  1. Öffnen Sie drei Seiten aus verschiedenen Templates – die Startseite, eine Übersicht, einen Artikel oder einen Checkout-Schritt.
  2. Vergleichen Sie Hauptmenü, Footer-Links und jede Unternavigation. Die gemeinsamen Punkte stehen überall in derselben Reihenfolge.
  3. Gehen Sie auf jeder Seite mit der Tab-Taste durch die Navigation. Auch der Fokus trifft die gemeinsamen Punkte in derselben Reihenfolge.

Im Code

Nicht erfüllt
<!-- Startseite -->
<nav aria-label="Hauptmenü">
  <a href="/">Start</a> <a href="/shop/">Shop</a> <a href="/hilfe/">Hilfe</a>
</nav>

<!-- Shop-Seiten -->
<nav aria-label="Hauptmenü">
  <a href="/shop/">Shop</a> <a href="/hilfe/">Hilfe</a> <a href="/">Start</a>
</nav>
Erfüllt
<!-- Jede Seite, aus einem Partial -->
<nav aria-label="Hauptmenü">
  <a href="/">Start</a> <a href="/shop/">Shop</a> <a href="/hilfe/">Hilfe</a>
</nav>

<!-- Der Shop ergänzt eigene Punkte, ohne die gemeinsamen zu verschieben -->
<nav aria-label="Shop">
  <a href="/shop/neu/">Neuheiten</a> <a href="/shop/sale/">Sale</a>
</nav>

Nur manuell

Wie weit eine automatische Prüfung kommt

Hier entscheidet nichts automatisch. Ein Scanner, der das als bestanden meldet, meldet, dass er nicht hingesehen hat. Es bleibt ungeprüft, bis ein Mensch es prüft und festhält, wie — und genau so behandeln wir es: als ungeprüft, nicht als bestanden.

Finden Sie heraus, welche Kriterien Ihre Website reißt

Wir prüfen bis zu 100 Seiten gegen WCAG 2.2 AA, schicken den Tastatur-Agenten durch die Seite, die Sie benennen, und senden Ihnen den Bericht per E-Mail — einmal, kostenlos, ohne Bedingungen.

Kostenlosen Scan anfordern So testet der Agent

Bericht innerhalb eines Werktags.