axe-core: bypass · WCAG 2.4.1 Bypass Blocks · Stufe A

Wie Sie das „bypass“-Problem beheben

Die axe-core-Regel bypass schlägt fehl, wenn eine Seite keinen Mechanismus bietet, wiederholte Blöcke (Header, Navigation) zum Hauptinhalt zu überspringen. WCAG 2.2 (2.4.1, Stufe A) verlangt eine Umgehung — meist ein „Zum Inhalt springen“-Link oder echte Landmarks.

Ihre Seite kostenlos darauf prüfen →

Was axe-core prüft

axe-core sucht nach einem Skip-Link, einem <main>-Landmark oder einer Überschriftenstruktur, mit der man die Navigation überspringt. Fehlt alles, meldet es.

Welcher Norm das entspricht

WCAG 2.2	2.4.1 Bypass Blocks (Stufe A)
EN 301 549	9.2.4.1
BFSG / EAA	BFSG § 12 i. V. m. EN 301 549 · EAA Anhang I
Kategorie	Tastatur & Fokus

Warum es zählt

Ein Tastaturnutzer ohne Skip-Link muss auf jeder Seite durch jeden Navigationspunkt tabben, bevor er das Produkt erreicht. Bei einem großen Mega-Menü sind das Dutzende Tastendrücke pro Seite — eine Stufe-A-Barriere.

Häufige Ursachen

Kein Skip-Link und kein <main>-Landmark
Ein mit display:none verborgener Skip-Link (auch für Tastatur verborgen)
Ein Skip-Ziel ohne id
Alles in <div> ohne Landmarks

Wie Sie es beheben

Setzen Sie einen bei Fokus sichtbaren „Zum Inhalt springen“-Link als erstes fokussierbares Element, das auf den Hauptbereich zeigt. Umschließen Sie den Inhalt mit <main id="main">.

<body>
  <a class="skip-link" href="#main">Zum Inhalt springen</a>
  <header>…</header>
  <main id="main">…</main>

FAQ

Reicht ein <main>-Landmark?

Es erfüllt axe und hilft Screenreader-Nutzern, aber ein sichtbarer Skip-Link ist für sehende Tastaturnutzer die beste Lösung.

Warum funktioniert mein Skip-Link nicht?

Er muss im DOM und fokussierbar sein (kein display:none), und sein href muss der id des Zielelements entsprechen.

Finden Sie jeden solchen Fehler auf Ihrer Seite

Starten Sie einen kostenlosen WCAG 2.2 AA-Scan — echte axe-core-Engine, ohne Anmeldung. Oder ein zeitgestempelter Beweis-Report für 29 €.

Gratis-Scan → Unsere Methodik