Kein Mechanismus zum Überspringen von Inhaltsblöcken
SchwerwiegendWCAG-Kriterium 2.4.1BFSG-relevant
Was ist das Problem?
Die Seite bietet keine Möglichkeit, wiederkehrende Blöcke wie die Hauptnavigation zu überspringen: Es gibt weder einen Sprunglink zum Inhalt noch Überschriften oder Landmarken (z. B. main, nav). Tastatur- und Screenreader-Nutzer müssen sich auf jeder Seite erst durch die komplette Navigation arbeiten, bevor sie beim Inhalt ankommen.
Warum ist das relevant?
WCAG 2.1 Erfolgskriterium 2.4.1 (Blöcke umgehen, Stufe A) verlangt einen Mechanismus, um wiederholte Inhaltsblöcke zu überspringen — etwa einen Sprunglink, eine Überschriften-Struktur oder HTML-Landmarken. Die automatische Prüfung erkennt, ob mindestens einer dieser Mechanismen vorhanden ist; ob der Sprunglink sichtbar wird und funktioniert, prüfst du zusätzlich in der manuellen Checkliste.
So behebst du es
Baue als erstes fokussierbares Element einen Sprunglink ein: <a href="#main" class="skip-link">Zum Inhalt springen</a>, und gib dem Hauptinhalt die passende ID (<main id="main">). Der Link darf visuell versteckt sein, muss aber bei Tastatur-Fokus sichtbar werden (position:absolute; left:-9999px und bei :focus wieder einblenden). Nutze zusätzlich Landmarken: header, nav, main, footer.
Shopware
Aktuelle Shopware-Themes bringen einen Sprunglink mit („Zum Hauptinhalt springen") — prüfe im Theme-Child, ob er im Template (base.html.twig) noch vorhanden ist und nicht per CSS dauerhaft versteckt wurde. Falls er fehlt: im eigenen Template vor der Navigation ergänzen und auf das main-Element verweisen.
WooCommerce
Viele WordPress-Themes enthalten bereits einen „Skip to content"-Link — prüfe, ob dein Theme bzw. Page-Builder ihn entfernt hat. Falls er fehlt, im Child-Theme in header.php als erstes Element im body ergänzen und auf die ID des Hauptinhalts verweisen.
Shopify
Aktuelle Shopify-Themes (z. B. Dawn) enthalten einen „Skip to content"-Link in theme.liquid. Prüfe bei eigenen Themes, ob er vorhanden ist, und ergänze ihn sonst direkt nach dem öffnenden body-Tag mit Verweis auf MainContent.
WordPress
Die meisten offiziellen Themes bringen einen „Skip to content"-Link mit. Fehlt er in deinem Theme, ergänze ihn im Child-Theme in header.php als erstes Element im body und verweise auf die ID des Inhaltsbereichs.
TYPO3
Im Site-Package das Seitentemplate (Fluid-Layout) um einen Sprunglink als erstes Element im body ergänzen und auf die ID des Hauptinhaltsbereichs verweisen; zusätzlich main/nav/footer-Landmarken im Markup verwenden.
Ist deine Website betroffen?
Der kostenlose Schnell-Check prüft bis zu 5 Seiten in wenigen Minuten — ohne Registrierung.
Kostenlosen Schnell-Check starten