Empfohlene Praxis Priorität: Gering
Der Fußbereich liegt innerhalb eines anderen Seitenbereichs
Der Fußbereich (die Landmark „contentinfo“ mit Kontakt, rechtlichen Links und Zahlungsinformationen) ist in einer anderen Landmark verschachtelt, etwa im Hauptinhalt, statt eigenständig am Ende der Seite zu stehen. Dies ist eine empfohlene Praxis, die über das Niveau WCAG 2.2 AA hinausgeht, auf das sich die Barrierefreiheitsgesetze stützen.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Screenreader-Nutzer springen zwischen Seitenbereichen (Kopf, Menü, Hauptinhalt, Fußbereich) wie zwischen Kapiteln und gehen oft direkt zum Fußbereich, um Kontakt, Versand- und Rückgabeinformationen oder AGB zu finden. Steckt der Fußbereich im Hauptinhalt oder einem anderen Bereich, erscheint er nicht als eigenes Kapitel, und diese Kunden müssen Informationen suchen, die andere auf einen Blick sehen.
Wen es betrifft
- Screenreader-Nutzer
- Kunden, die mit Screenreader Kontakt, Rückgabe oder AGB suchen
So beheben Sie es
Platzieren Sie den <footer> der Website (oder das Element mit role="contentinfo") direkt in der Seitenstruktur, nach <main> und außerhalb jeder anderen Landmark. Häufige Ursache ist ein Seiten-Wrapper mit role="main", der erst nach dem Fußbereich schließt, oder role="contentinfo" auf einem Footer innerhalb einer anderen Landmark. Ein <footer> in einem <article> oder <section> ist in Ordnung, da er nicht als Fußbereich der Website gilt.
Bei Shopify
Die Footer-Section-Gruppe steht in layout/theme.liquid meist nach <main>. Prüfen Sie, dass <main> oder ein eigener Wrapper mit Landmark-Rolle vor dem Footer geschlossen wird und keine Section role="contentinfo" innerhalb des Inhalts setzt.
Bei Shoptet (CZ)
Wird durch die HTML-Struktur des Templates bestimmt. Prüfen Sie, ob eine neuere Template-Version das behebt; andernfalls melden Sie es Shoptet oder einem Partner.
Bei PrestaShop
Meist in den Layout-.tpl-Dateien des Themes, die den Footer einbinden. Stellen Sie sicher, dass der Footer-Block nach dem Schließen des Hauptinhalt-Wrappers folgt und nicht in einem Element mit Landmark-Rolle liegt.
Bei WooCommerce
Meist schließt die footer.php des Themes den Content-Wrapper zu spät, oder ein Footer-Template des Page-Builders liegt in einem Element mit Landmark-Rolle. Korrigieren Sie das in der footer.php eines Child-Themes oder im Footer-Template des Builders.
Standards
Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.
Automatische Prüfung: axe-core-Regel landmark-contentinfo-is-top-level.
dequeuniversity.com, github.com, www.w3.org