Gehirngerecht Digital

Die WCAG-Kriterien

2.4.1 Bereiche überspringbar

Zurück zu allen WCAG-Kriterien

ÜBERBLICK

Umsetzbarkeit:

  • Komplexität:Einfach
  • Dauer:Schnell

Wichtig für Rolle:

Entwicklung

Worum gehts?

Auf einer Webseite muss es möglich sein, Bereiche, die sie auf der Webseite mehrfach wiederholen, überspringen zu können. 

Ein solcher wiederholender Bereich ist zum Beispiel der Header. Der Header kommt auf jeder Unterseite der Webseite vor. Wenn Menschen darauf angewiesen sind, mit der Tastatur oder assistiven Technologien durch die Webseite zu navigieren, müssen sie sich immer durch den ganzen Header mit der Tab-Taste quälen, wenn er nicht überspringbar ist. 

Ein Beispiel von einem Sprunglink, der in einem Header angezeigt wird und mir ermöglicht direkt zum Hauptinhalt zu springen.

Umsetzung

Mindestens eine der folgenden Möglichkeiten muss umgesetzt werden, um das Kriterium zu erfüllen. Nähere Informationen dazu findest du in den jeweils verlinkten WCAG-Techniken.

  • Illustration einer Aufteilung einer Webseite in die Bereiche Header, Main und Footer. Im Header befindet sich noch eine Navigation.

    ARIA-Landmarks

    Nutze ARIA-Landmarks, um verschiedene Bereiche der Seite klar zu kennzeichnen. Typische Rollen sind z. B. navigation, main, search, banner, contentinfo oder region.

    Wenn du die Rolle der Navigation mehrfach verwendest, solltest du die Navigationen zusätzlich benennen (zum Beispiel über ein aria-label), damit auch nicht-sehenden Usern, welche Navigation das ist.