Empfohlene Praxis Priorität: Mittel
Der Link „Zum Inhalt springen“ funktioniert nicht
Die Seite hat einen Sprunglink, aber das Ziel, auf das er zeigt, existiert nicht oder kann keinen Fokus erhalten. Dies ist eine empfohlene Praxis über das Niveau WCAG 2.2 AA hinaus.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Tastaturnutzer wählen „Zum Inhalt springen“, um das Menü zu überspringen, aber nichts passiert oder der Fokus springt wieder nach oben. Dann müssen sie auf jeder Seite mit der Tab-Taste durch den gesamten Kopfbereich und das Menü, was Stöbern und Bestellen langsam und mühsam macht.
Wen es betrifft
- Tastaturnutzer
- Screenreader-Nutzer
- Menschen mit motorischen Einschränkungen
So beheben Sie es
Stellen Sie sicher, dass das href des Sprunglinks (zum Beispiel #MainContent) zur id eines Elements passt, das auf jeder Seite vorhanden ist, meist das <main>-Element. Ist dieses Ziel standardmäßig nicht fokussierbar, ergänzen Sie tabindex="-1". Testen Sie es: Seite laden, einmal Tab, dann Enter drücken; der nächste Tab-Schritt sollte im Hauptinhalt landen.
Bei Shopify
Die meisten Themes setzen den Sprunglink in layout/theme.liquid und lassen ihn auf die id des Hauptinhalts zeigen. Hat ein eigenes Template oder eine Section diese id geändert oder entfernt, stellen Sie sie im Liquid-Code wieder her.
Bei Shoptet (CZ)
Hängt vom Template ab. Wenn Sie über eigenen Code einen Sprunglink ergänzt haben, prüfen Sie, ob sein Ziel existiert; sonst wenden Sie sich an Shoptet oder eine Partneragentur.
Bei PrestaShop
Prüfen Sie die Layout-.tpl-Dateien des Themes: Die Ziel-id des Sprunglinks muss zu einem Element passen, das auf allen Seitentypen vorhanden ist, auch auf Produkt- und Warenkorbseiten.
Bei WooCommerce
Der Sprunglink kommt meist aus dem Header-Template des Themes, sein Ziel aus dem Inhalts-Template. Page Builder und leere Templates entfernen das Ziel oft; ergänzen Sie die passende id im Child-Theme oder in den Einstellungen des Builders.
Standards
Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.
Automatische Prüfung: axe-core-Regel skip-link.
dequeuniversity.com, github.com, www.w3.org