Mechanik-Modul · WCAG 2.4.1 · Stufe A

Skip-Links & Landmarks

Setzt semantische Landmark-Rollen und sichtbare Sprung-Links für Tastatur-Nutzer:innen und Screenreader.

Was es macht

Funktion in einem Satz — und in 3 Sätzen

„Skip to Content" ist eine der ältesten Pflicht-Komponenten der Barrierefreiheit — und gleichzeitig eine der am häufigsten falsch oder gar nicht implementierten. Viele Themes haben gar keinen Skip-Link, andere haben einen unsichtbaren, der nie fokussiert werden kann.

Das Modul setzt einen sichtbaren Skip-Link beim ersten Tab-Druck und sorgt parallel dafür, dass die Seite semantische Landmark-Rollen (main, navigation, contentinfo) korrekt trägt.

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

Pfad im Admin: WP-Admin → Barrierefreiheit → Module → Skip-Links & Landmarks

Wann brauchst du das Modul?

Anwendungsfall

Pflicht für jede Seite, die WCAG-konform sein muss. Skip-Links sind WCAG-Level A — die niedrigste Pflichtstufe, also „muss erfüllt sein".

Theme bringt bereits einen Skip-Link mit? Modul erkennt das und legt sich still — keine Doppel-Verlinkung.

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?

Im 15-Minuten-Erstgespräch klären wir, ob das Modul für deinen Theme- und Inhalts-Typ relevant ist — und wie die Einrichtung aussieht.

15-Min-Erstgespräch
Alle Module ansehen