Zum Inhalt springen
Pandus
de Sprache ändern
Menü

WCAG-A/AA-Anforderung Priorität: Schwerwiegend

Es gibt keinen schnellen Sprung zum Hauptinhalt

Die Seite hat keinen Sprunglink, keine Überschrift und keinen main-Bereich, mit dem Tastatur- und Screenreader-Nutzer Kopfbereich und Menü überspringen können.

Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.

Warum das für Ihre Kunden wichtig ist

Tastaturnutzer müssen sich auf jeder Seite per Tab durch den gesamten Kopfbereich, das Menü und die Filter bewegen, bevor sie Produkte oder den Warenkorb erreichen. Screenreader-Nutzer finden nicht schnell, wo der Inhalt beginnt.

Wen es betrifft

  • Tastaturnutzer
  • Screenreader-Nutzer
  • Menschen mit motorischen Einschränkungen

So beheben Sie es

Fügen Sie als erstes fokussierbares Element einen Link „Zum Inhalt springen“ ein, der auf den Hauptinhalt zeigt und beim Fokussieren sichtbar wird. Umschließen Sie den Hauptinhalt mit <main> und geben Sie der Seite eine klare Überschriftenstruktur, beginnend mit einer <h1>. Am besten alle drei.

Bei Shopify

Die meisten aktuellen Themes haben einen Sprunglink und <main>; ältere oder stark angepasste Themes verlieren sie mitunter. Ergänzen Sie sie wieder in layout/theme.liquid.

Bei Shoptet (CZ)

Hängt vom Template ab. Prüfen Sie, ob eine neuere Template-Version einen Sprunglink enthält; sonst wenden Sie sich an Shoptet oder eine Partneragentur.

Bei PrestaShop

Standard-Themes bieten meist Überschriften und einen Hauptinhaltsbereich; eigene Themes nicht immer. Ergänzen Sie Sprunglink und <main> in den Layout-.tpl-Dateien des Themes.

Bei WooCommerce

Hängt vom Theme ab; manche Page-Builder-Header oder leere Canvas-Templates lassen Sprunglink oder <main> weg. Ergänzen Sie sie im Header-Template des Child-Themes oder in den Theme-Einstellungen des Builders.

Standards

Standards
StandardAbschnitt
WCAG 2.2 2.4.1 (A) Bypass Blocks
WCAG 2.1 2.4.1 (A) Bypass Blocks
WCAG 2.0 2.4.1 (A) Bypass Blocks
EN 301 549 4.1.1 9.2.4.1
EN 301 549 3.2.1 9.2.4.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.2.4.1

Automatische Prüfung: axe-core-Regel bypass. dequeuniversity.com, github.com, www.w3.org

Ähnliche Prüfungen

Alle Regeln, die wir prüfen