Empfohlene Praxis Priorität: Gering
Die Seite hat mehr als einen Haupt-Footer
Die Seite kennzeichnet mehrere Bereiche als Footer der Website, zum Beispiel den Shop-Footer und einen zweiten Footer in einem Pop-up oder Widget. Dies ist eine empfohlene Praxis, die über das WCAG-2.2-AA-Niveau hinausgeht, auf das sich das Gesetz stützt.
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 (Kopfbereich, Menü, Hauptinhalt, Footer) wie zwischen Kapiteln eines Buches. Bei zwei Footern wissen sie nicht, in welchem Kontaktdaten, Rückgabebedingungen und rechtliche Links stehen, und geben die Suche womöglich auf.
Wen es betrifft
- blinde Menschen, die Screenreader nutzen
- Menschen, die per Tastatur zwischen Seitenbereichen navigieren
- ältere Kundinnen und Kunden mit Hilfsmitteln
So beheben Sie es
Behalten Sie genau einen seitenweiten Footer: ein <footer>, das direkter Teil des Seitenkörpers ist (nicht innerhalb von <article>, <section>, <main> oder <aside>), oder ein Element mit role="contentinfo". Entfernen Sie role="contentinfo" von allen anderen Blöcken und machen Sie zusätzliche Footer auf Seitenebene zu einfachen <div>-Elementen oder verschieben Sie sie in den Abschnitt, zu dem sie gehören.
Bei Shopify
Meist ist eine doppelt eingefügte Footer-Section oder eine App mit eigenem <footer> die Ursache. Prüfen Sie die Footer-Gruppe in layout/theme.liquid und die Sections, die sie ausgibt; bitten Sie den App-Entwickler, ein <div> zu verwenden.
Bei Shoptet (CZ)
Meist durch das Template oder ein eigenes Code-Snippet im Footer bedingt. Prüfen Sie zuerst Ihr selbst eingefügtes HTML; liegt das Duplikat im Template, melden Sie es Shoptet oder einem Partner.
Bei PrestaShop
Meist das Footer-Template des Themes plus ein Modul, das einen weiteren <footer> auf Seitenebene ausgibt. Bearbeiten Sie den Template-Override des Moduls im Theme oder die Footer-.tpl-Datei des Themes.
Bei WooCommerce
Meist ein Footer-Template des Page-Builders zusätzlich zum Footer des Themes oder ein Plugin, das role="contentinfo" setzt. Deaktivieren Sie einen der Footer in den Builder- oder Theme-Einstellungen oder korrigieren Sie das Markup in der footer.php eines Child-Themes.
Standards
Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.
Automatische Prüfung: axe-core-Regel landmark-no-duplicate-contentinfo.
dequeuniversity.com, github.com, www.w3.org