Prüfpunkt 2.4.8Stufe AAANavigation, Orientierung und Links
Wie erkennt ein Besucher, wo er sich auf der Website befindet?
Wer über eine Suchmaschine auf einer Unterseite landet, weiß nicht, wo er ist: Welcher Bereich, welche Ebene, wie zurück? Das Kriterium 2.4.8 der Stufe AAA verlangt, dass jede Seite ihre Position innerhalb der Website zeigt. Der übliche Weg ist eine Brotkrumen-Navigation; auch eine hervorgehobene Menüstelle oder eine Sitemap mit Markierung erfüllen es.
Was das Kriterium verlangt
Auf jeder Seite ist Information verfügbar, die den Ort im Angebot nennt. Eine Brotkrumen-Zeile „Startseite › Leistungen › Barrierefreiheit“ macht Ebene und Pfad sichtbar und verlinkt jede Stufe. Ein Menü, das den aktuellen Bereich hervorhebt und auch für Hilfstechnik markiert (aria-current), erfüllt es ebenso. Bei einem Ablauf in mehreren Schritten zeigt eine Schrittanzeige „Schritt 2 von 4: Adresse“ die Position.
Für wen das zählt
Menschen mit Vorleseprogramm sehen keine Menüstruktur auf einen Blick; eine Brotkrumen-Zeile am Seitenanfang sagt ihnen in einem Satz, wo sie sind. Menschen mit Lernschwierigkeiten oder Gedächtnisproblemen verlieren auf tiefen Websites die Orientierung; ein sichtbarer Pfad gibt sie zurück. Alle anderen finden mit derselben Zeile schneller zur Übersicht. Suchmaschinen lesen Brotkrumen mit strukturierten Daten und zeigen sie im Suchergebnis.
So gehen wir damit um
Die Messung erkennt eine Brotkrumen-Navigation (Landmarke oder strukturierte Daten BreadcrumbList) und eine aria-current-Markierung im Menü und kann so je Seite sagen, ob eine Positionsangabe vorliegt. Ob sie stimmt, prüft ein Mensch stichprobenweise. Das Kriterium gehört zur Kategorie AAA im Wissen; es ist gut automatisch prüfbar.
Beispiele
Unterseite ohne Ort
<h1>Gebührenordnung</h1>
<!-- kein Menü hervorgehoben, keine Brotkrumen --><nav aria-label="Sie sind hier">
<ol>
<li><a href="/">Start</a></li>
<li><a href="/service">Service</a></li>
<li aria-current="page">Gebührenordnung</li>
</ol>
</nav>
<h1>Gebührenordnung</h1>Brotkrumen oder ein Menüpunkt mit aria-current zeigen den Ort im Angebot.
So gehen Sie es an
- Bauen Sie eine Brotkrumen-Zeile oberhalb des Hauptinhalts als Navigation mit Namen „Sie sind hier“, letzte Stufe ohne Link und mit aria-current.
- Markieren Sie im Hauptmenü den aktuellen Bereich sichtbar und mit aria-current="page" oder "true".
- Zeichnen Sie die Brotkrumen mit BreadcrumbList aus, dann zeigt sie die Suchmaschine.
- Zeigen Sie in mehrstufigen Abläufen den aktuellen Schritt und die Gesamtzahl.
Weiter im Prüfbereich Barrierefreiheit
- Wann ist ein Linktext auch ohne Zusammenhang verständlich?WCAG 2.2 Kriterium 2.4.9 (Stufe AAA): Der Zweck jedes Links geht aus dem Linktext allein hervor, ohne den umgebenden Satz. Kein „mehr“, kein „hier klicken“.
- Wann braucht ein Text Zwischenüberschriften?WCAG 2.2 Kriterium 2.4.10 (Stufe AAA): Inhalte sind mit Abschnittsüberschriften gegliedert. Warum Vorleseprogramm und eilige Leser sie brauchen.
- Warum darf ein fokussiertes Element nie verdeckt sein?WCAG 2.2 Kriterium 2.4.12 (Stufe AAA, neu in 2.2): Ein Element mit Tastaturfokus ist vollständig sichtbar, kein Teil liegt hinter einer Leiste.
- Wie sieht ein Fokusrahmen aus, der wirklich auffällt?WCAG 2.2 Kriterium 2.4.13 (Stufe AAA, neu in 2.2): Der Fokusrahmen ist mindestens 2 Pixel dick und hat 3:1 Kontrast zum Zustand ohne Fokus.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: freddie marriage, CC0
.jpg){kind=link}