Skip-Links & Landmarks

Das Modul setzt wichtige Rollen. Es erstellt Sprung-Links. Diese helfen Tastatur-Nutzern und Programmen für Menschen mit Sehbehinderung.

Was es macht

Funktion in einem Satz — und in 3 Sätzen

"Skip to Content" ist sehr wichtig für Barrierefreiheit. Viele Webseiten fehlen diese Links. Manchmal sind sie unsichtbar. Das Modul setzt einen sichtbaren Link. Der Link erscheint beim ersten Tab-Druck. Das Modul sorgt auch für richtige Seiten-Rollen.

So implementiert das Plugin es

Technische Maßnahmen

Skip-Link wird automatisch eingefügt — direkt nach ``, mit Sprung auf den ersten `
`- oder `#content`-Anker.
Sichtbar beim Fokus: kein versteckter „off-screen"-Trick, sondern echt sichtbarer Button mit AAA-Kontrast.
Landmark-Reparatur: fehlende `role="main"`, `role="navigation"`, `role="banner"` werden ergänzt.
Aria-Label für Landmarks bei mehreren gleichen (z. B. zwei Navigationen: „Hauptnavigation" / „Footer-Navigation").
Tab-Reihenfolge: Skip-Link bekommt `tabindex="0"`, Sprung-Ziel `tabindex="-1"` für sauberen Fokus-Transfer.

Im Plugin-Backend

Diese Einstellungen findest du im Modul-Tab

Skip-Link-Text (Default: „Zum Inhalt springen")
Sprung-Ziel-Selektor (Default: `#content`, Fallback `main`)
Mehrere Skip-Links möglich (z. B. „Zur Navigation", „Zum Footer")
Theme-Skip-Link-Erkennung: wenn vorhanden, deaktiviert sich das Modul automatisch (kein Doppel-Link)
CSS-Override: Position und Styling des Links

Finde die Funktion hier: WP-Admin → Barrierefreiheit → Module → Skip-Links & Landmarks

Wann brauchst du das Modul?

Anwendungsfall

Jede Webseite muss diese Funktion haben. Das ist eine Pflichtregel. Die Regel heißt WCAG-Level A. Sie muss erfüllt sein. Hat dein Webseiten-Design schon einen Link? Das Modul arbeitet dann nicht. Es vermeidet doppelte Links.

Verwandte Module

Das passt thematisch zusammen

Tastatur-Navigation
WCAG 2.1.1
Stellt sicher, dass jedes interaktive Element auch ohne Maus erreichbar ist — Tab, Enter, Pfeile, Esc.
Sichtbarer Fokus
WCAG 2.4.11
Sorgt für einen kräftigen, immer sichtbaren Fokus-Ring auf allen fokussierbaren Elementen — mit AAA-Kontrast.
Heading-Hygiene
WCAG 1.3.1
Erkennt und korrigiert übersprungene Heading-Level, doppelte H1 und fehlende Struktur.

Modul für deine Seite aktivieren?

Wir sprechen 15 Minuten mit dir. Wir prüfen, ob das Modul zu deinem Design passt. Wir sagen dir, wie es eingerichtet wird.

15-Min-Erstgespräch
Alle Module ansehen