Bypass Blocks: Wiederholende Inhalte überspringen
Stell dir vor, du müsstest bei jedem Seitenaufruf durch 40 Navigations-Links tabben, bevor du zum Inhalt kommst. Genau das ist Alltag ohne Bypass-Mechanismen. WCAG 2.4.1 ist Pflicht auf Level A – also absolut BFSG-verbindlich.
Die vier gängigen Bypass-Mechanismen
1. Skip-Link: "Zum Hauptinhalt springen" als erstes Element, visuell versteckt, bei Fokus sichtbar.
2. Landmark-Struktur:
Best Practice: Kombination
Moderne Seiten kombinieren mehrere Mechanismen:
- Skip-Link als erstes Element (erreicht Keyboard-Nutzer sofort)
- Landmarks
Typische Fehler
Kein Skip-Link und keine Landmarks: direkter WCAG-2.4.1-Verstoß.
Skip-Link zeigt ins Leere: href="#main", aber kein
Mehrere
Versteckter Skip-Link bleibt versteckt: auch bei Fokus nicht sichtbar – funktionslos.
Implementierungs-Check
Öffne deine Seite. Drücke Tab einmal. Wird ein Skip-Link sichtbar? Drücke Enter. Springt der Fokus zum Hauptinhalt? Ansonsten: Landmarks prüfen. Mit Screenreader (NVDA: D-Taste) zwischen Regionen springen. Funktioniert es?
WCAG 2.2 Ergänzung
WCAG 2.2 verschärft in Criterion 2.4.11 Focus Not Obscured: der Bypass-Link darf nicht von sticky Headern verdeckt werden. Praktisch: Skip-Link bei Fokus hoch genug positionieren.
Wie steht deine Webseite in diesem Punkt da?
Kostenloser Scan gegen 15 WCAG-2.1-AA-Kriterien – inkl. Bypass Blocks-Check.
Jetzt Webseite prüfen →