Stufe AA · WCAG 2.0
3.2.3 Konsistente Navigation
Navigation, die sich über mehrere Seiten wiederholt, steht auf jeder in derselben relativen Reihenfolge.
Teilweise automatisch Manche Verstöße sind erkennbar, der Rest braucht Bewertung.
Woran es in der Praxis scheitert
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
- Teilweise automatisch
So prüfen Sie es von Hand
- Öffnen Sie drei Seiten aus verschiedenen Templates – die Startseite, eine Übersicht, einen Artikel oder einen Checkout-Schritt.
- Vergleichen Sie Hauptmenü, Footer-Links und jede Unternavigation. Die gemeinsamen Punkte stehen überall in derselben Reihenfolge.
- Gehen Sie auf jeder Seite mit der Tab-Taste durch die Navigation. Auch der Fokus trifft die gemeinsamen Punkte in derselben Reihenfolge.
Im Code
<!-- 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><!-- 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>Teilweise automatisch
Wie weit eine automatische Prüfung kommt
Ein Werkzeug findet hier einen Teil der Verstöße und sieht den Rest nicht. Ein sauberes automatisches Ergebnis heißt: die vorhandenen Prüfungen haben nichts gefunden — nicht, dass das Kriterium erfüllt ist. Genau diese Lücke lässt einen grünen Scan wie eine barrierefreie Website aussehen, und genau dort arbeiten der Tastatur-Agent, die Agenten in Entwicklung und ein Mensch weiter.
Verwandte Kriterien
Weitere Kriterien unter derselben Richtlinie.
Finden Sie heraus, welche Kriterien Ihre Website verfehlt
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.