Empfohlene Praxis Priorität: Gering
Einige Inhalte liegen außerhalb der Hauptbereiche der Seite
Teile der Seite befinden sich nicht in Landmarks wie Kopfbereich, Navigation, Hauptinhalt oder Fußbereich. 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
Screenreader-Nutzer springen oft zwischen Seitenbereichen (Kopfbereich, Menü, Hauptinhalt, Fußbereich), um schnell etwas zu finden. Inhalte außerhalb dieser Bereiche, etwa eine Aktionsleiste, ein Cookie-Hinweis oder ein Newsletter-Block, werden leicht übersehen oder nur gefunden, wenn man die ganze Seite Zeile für Zeile liest.
Wen es betrifft
- Screenreader-Nutzer
- blinde und sehbehinderte Kundinnen und Kunden
So beheben Sie es
Platzieren Sie alle sichtbaren Inhalte in Landmark-Elementen: <header>, <nav>, <main>, <aside> und <footer> (oder den entsprechenden ARIA-Rollen). Verschieben Sie lose Blöcke wie Ankündigungsleisten, Banner und Newsletter-Formulare in die passende Landmark und stellen Sie sicher, dass jede Seite genau ein <main> hat. Pop-ups und Cookie-Banner können als Dialog oder als benannte Region ausgezeichnet werden.
Bei Shopify
Die Datei layout/theme.liquid des Themes enthält meist schon Kopfbereich, <main> und Fußbereich; Sections oder App-Blöcke außerhalb davon lösen die Meldung aus. Verschieben Sie sie in die passende Gruppe oder umschließen Sie sie im Liquid-Code mit einer Landmark.
Bei Shoptet (CZ)
Hängt vom Template ab; auch HTML, das Sie über die Möglichkeiten für eigenen Code in Shoptet einfügen, kann außerhalb von Landmarks landen. Umschließen Sie Ihren eigenen Code mit einem Landmark-Element und wenden Sie sich wegen des Templates an Shoptet oder eine Partneragentur.
Bei PrestaShop
Prüfen Sie die Layout-.tpl-Dateien des Themes auf Blöcke außerhalb von Kopfbereich, Hauptinhalt und Fußbereich, besonders Modul-Hooks wie Banner. Umschließen Sie diese in den Theme-Templates mit einer passenden Landmark.
Bei WooCommerce
Oft verursacht durch Page-Builder-Sections oder Plugin-Ausgaben außerhalb des <main> des Themes. Passen Sie die Header- und Footer-Templates im Child-Theme an oder nutzen Sie die HTML-Tag-Einstellung für Sections im Builder, falls vorhanden.
Standards
Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.
Automatische Prüfung: axe-core-Regel region.
dequeuniversity.com, github.com, www.w3.org