Stufe A · WCAG 2.0

2.4.1 Blöcke umgehen

Es gibt einen Weg, sich wiederholende Blöcke zu überspringen.

Teilweise automatisch Manche Verstöße sind erkennbar, der Rest braucht Bewertung.

Woran es in der Praxis scheitert

Ein Mega-Menü mit vierzig Links, durch das Tastaturnutzer auf jeder einzelnen Seite tabben, bevor der Inhalt kommt.

Wie man es repariert

Setzen Sie einen Sprunglink als erstes fokussierbares Element und nutzen Sie Landmarken — header, nav, main, footer.

Auf einen Blick

Stufe
Stufe A — das Minimum. Ein Verstoß hier macht etwas meist unmöglich, nicht bloß mühsam.
Prinzip
Bedienbar
Richtlinie
2.4 Navigierbar
Neu in
WCAG 2.0
EN 301 549
9.2.4.1
Englische Bezeichnung
Bypass Blocks
Automatische Prüfung
Teilweise automatisch

Offizielle Definition beim W3C lesen

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.

Jede Seite wird darauf gelesen, ob vor dem Inhalt ein Block aus Links steht und ob etwas daran vorbeiführt — ein Skip-Link, ein main-Landmark oder eine Überschrift, wo der Inhalt beginnt; eine Seite ohne alles davon scheitert. Ob der Weg vorbei für die Menschen, die ihn nutzen, gut funktioniert, beurteilt weiter ein Mensch.

Regeln, die dieses Kriterium prüfen

  • bypassWiederholende Blöcke müssen vom Nutzer mit Hilfe von der Seite bereitgestellten Mitteln übersprungen werden können.
  • skip-linkDas Ziel eines Skip-Links sollte existieren und fokussierbar sein.
  • keyboard:skip-linkKein Skip-Link Tastatur-Agent

Die Regel-IDs stammen aus axe-core (Version 4.14.0), der Open-Source-Engine, auf der unser Scan läuft, und von unserem Tastatur-Agenten – so heißen sie auch in einem Bericht oder im CI-Log. Eine unterstrichene ID hat hier eine eigene Seite.

Alle Regeln erklärt

Weiterlesen

  • Landmark (ARIA-Landmark)

    Ein Seitenbereich mit fester Rolle (etwa header, nav, main oder footer), zu dem Screenreader-Nutzende direkt springen können.

  • Skip-Link

    Ein Link am Seitenanfang („Zum Inhalt springen“), mit dem Tastaturnutzende wiederkehrende Navigation überspringen (WCAG 2.4.1).

  • keyboard:skip-link

    Ohne Skip-Link tabben Tastatur-Nutzende auf jeder Seite durchs ganze Menü (WCAG 2.4.1). So bauen Sie einen, der funktioniert – mit Codebeispiel.

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.

Kostenlosen Scan anfordern So testet der Agent

Bericht innerhalb eines Werktags.