Zum Inhalt springen

Ein Skip-Link ist ein Link am Anfang einer Seite, der direkt zum Hauptinhalt springt und wiederkehrende Bereiche wie die Navigation überspringt. Er ist visuell verborgen und wird sichtbar, sobald er den Tastaturfokus erhält.

In erster Linie nützt ein Skip-Link sehenden Menschen, die mit der Tastatur navigieren. Screenreader-Nutzende haben mit der Landmark-Navigation und der Überschriftenliste ohnehin schnellere Wege – für Tastaturnutzende ohne assistive Technologie gibt es diese Abkürzungen nicht. Ohne Skip-Link müssen sie auf jeder Unterseite dieselben zwanzig Navigationspunkte durchtabben.

Worauf sonst zu achten ist:

  • Er muss das erste fokussierbare Element der Seite sein. Ein Cookie-Banner oder Sprachumschalter davor macht ihn wertlos

  • Beschriftung eindeutig und knapp: »Zum Inhalt springen«

  • Im sichtbaren Zustand gelten die üblichen Anforderungen an Kontrast und Fokusindikator

  • Auf allen Seiten an derselben Stelle

  • Bei umfangreichen Seiten sind weitere Sprungziele möglich, etwa zur Suche oder zur Navigation. Sparsam einsetzen: Jeder zusätzliche Skip-Link steht vor allen anderen Inhalten

Skip-Links sind ein einfaches, aber wichtiges Werkzeug für die Barrierefreiheit – sie ersparen vielen Nutzenden das mühsame Durchlaufen wiederkehrender Seitenelemente und ermöglichen einen direkten Zugang zum gewünschten Inhalt.

Anhänge

  • Beispiel: Skiplink mit HTML- und CSS-Code (1.22 KB)
    Diese ZIP-Datei enthält eine HTML- und CSS-Datei. Darin wird veranschaulicht, wie ein Skiplink funktioniert. Das Beispiel darf gerne ohne Bedingungen in eigene Projekte implementiert werden (Lizenz: CC0).

Empfehlungen