Zum Inhalt springen
Pandus
de Sprache ändern
Menü

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

Eine Liste ist fehlerhaft aufgebaut

Eine Aufzählung oder nummerierte Liste enthält Elemente, die nicht direkt in eine Liste gehören.

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

Warum das für Ihre Kunden wichtig ist

Screenreader-Nutzer hören womöglich eine falsche Anzahl an Einträgen oder verlieren die Listenstruktur in Menüs, Filtern oder Produktmerkmalen. Die Seite lässt sich dadurch schwerer überblicken.

Wen es betrifft

  • Screenreader-Nutzer

So beheben Sie es

Platzieren Sie in <ul> und <ol> nur <li>-Elemente (sowie <script> oder <template>). Verschieben Sie Wrapper wie <div> in das <li> hinein, nicht um es herum. Prüfen Sie Menüs, Filter und Footer.

Bei Shopify

Meist in Theme-Menüs oder -Sections oder in Markup aus Apps. Korrigieren Sie die Listenstruktur in den Liquid-Sections oder -Snippets des Themes.

Bei Shoptet (CZ)

Meist in Menüs oder Footern des Templates. Melden Sie es Shoptet oder einer Partneragentur, da das Markup Teil des Templates ist.

Bei PrestaShop

Meist in Theme-Menüs oder Modulen wie dem Footer oder der Facettensuche. Korrigieren Sie das Markup in den .tpl-Dateien des Themes oder in überschriebenen Modul-Templates.

Bei WooCommerce

Meist in Theme-Menüs, Widgets oder Page-Builder-Blöcken. Korrigieren Sie das Markup in Child-Theme-Templates oder in den Widget-Einstellungen des Builders.

Standards

Standards
StandardAbschnitt
WCAG 2.2 1.3.1 (A) Info and Relationships
WCAG 2.1 1.3.1 (A) Info and Relationships
WCAG 2.0 1.3.1 (A) Info and Relationships
EN 301 549 4.1.1 9.1.3.1
EN 301 549 3.2.1 9.1.3.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.3.1

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

Ähnliche Prüfungen

Alle Regeln, die wir prüfen