Navigation und Fokus: sichtbar, auffindbar, in sinnvoller Reihenfolge

Nutzer müssen sich orientieren können: Jede Seite braucht einen aussagekräftigen Titel, einen Weg an wiederkehrenden Blöcken vorbei, eine sinnvolle Fokus-Reihenfolge, einen jederzeit sichtbaren und nicht verdeckten Fokus sowie Linktexte, die aus sich heraus verständlich sind.

Was dazu geprüft wird

8 Prüfpunkte aus dem WCAG 2.2, Leitlinie 2.4 — die Liste stammt aus dem Messkern, nicht aus diesem Text.

2.4.1 Blöcke umgehen (Skip-Link) · Stufe A
2.4.2 Seite mit Titel versehen · Stufe A
2.4.3 Fokus-Reihenfolge · Stufe A
2.4.4 Linkzweck (im Kontext) · Stufe A
2.4.5 Verschiedene Wege · Stufe AA
2.4.6 Überschriften und Beschriftungen · Stufe AA
2.4.7 Fokus sichtbar · Stufe AA
2.4.11 Fokus nicht verdeckt (Minimum) · Stufe AA

Jeder dieser Punkte steht mit Erklärung in der vollständigen Prüfpunktliste.

Worauf es in der Praxis ankommt

Der sichtbare Fokus ist der am häufigsten mutwillig entfernte Teil der Barrierefreiheit: Der Standardrahmen des Browsers gilt vielen als unschön und wird abgeschaltet. Damit ist die Seite für Tastaturnutzer unbenutzbar — man sieht nicht mehr, wo man ist. Eine eigene, gestaltete Fokusanzeige ist ausdrücklich erlaubt; ersatzloses Entfernen ist es nicht.

„Fokus nicht verdeckt" ist seit WCAG 2.2 neu und trifft klebende Kopfleisten: Beim Tabben rutscht das fokussierte Element unter die fixierte Leiste und ist unsichtbar, obwohl es den Fokus hat.

Linktexte wie „mehr" oder „hier klicken" sind aus der Linkliste eines Screenreaders heraus bedeutungslos. Der Linktext soll sagen, wohin er führt — auch ohne den Satz davor.

Häufige Fragen

Warum ist „mehr erfahren" ein schlechter Linktext?

Weil Screenreader eine Linkliste anbieten, in der jeder Eintrag für sich stehen muss. Zwanzigmal „mehr erfahren" ist dort keine Navigation, sondern eine Liste identischer Einträge.

Brauchen wir einen Sprunglink zum Inhalt?

Es braucht einen Weg, wiederkehrende Blöcke zu überspringen. Ein Sprunglink ganz oben ist die verbreitetste Lösung; korrekt gesetzte Landmarken sind eine weitere.

Dürfen wir den Fokusrahmen des Browsers ersetzen?

Ersetzen ja, entfernen nein. Die eigene Anzeige muss deutlich sichtbar sein und den Kontrastwert für Bedienelemente einhalten.

Weitere Themen aus Barrierefreiheit

Website prüfen lassen Erst das Prüfverfahren verstehen →