WCAG-A/AA-Anforderung Priorität: Gering
Ein Listeneintrag steht außerhalb einer Liste
Ein Element, das als Listeneintrag ausgezeichnet ist, steht nicht in einer Liste. Seine Struktur geht dadurch verloren.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Screenreader-Nutzer erfahren womöglich nicht, dass Einträge zusammengehören, etwa Produktmerkmale oder Menüpunkte. Die Seite lässt sich dadurch schwerer überblicken.
Wen es betrifft
- Screenreader-Nutzer
So beheben Sie es
Stellen Sie sicher, dass jedes <li> direkt in einem <ul>, <ol> oder einem Element mit role="list" steht. Prüfen Sie, ob Wrapper oder Skripte Einträge von ihrer Liste getrennt haben.
Bei Shopify
Meist in Theme-Sections oder App-Blöcken, die <li> ohne übergeordnete Liste ausgeben. Korrigieren Sie es in den Liquid-Sections oder -Snippets des Themes.
Bei Shoptet (CZ)
Meist im Template-Code. Melden Sie es Shoptet oder einer Partneragentur.
Bei PrestaShop
Meist in Theme- oder Modul-Templates. Korrigieren Sie das Markup in den .tpl-Dateien des Themes oder in überschriebenen Modul-Templates.
Bei WooCommerce
Meist in Theme-Templates, Widgets oder Page-Builder-Blöcken. Korrigieren Sie das Markup in einem Child-Theme oder in den Einstellungen des Builders.
Standards
| Standard | Abschnitt |
|---|---|
| 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 listitem.
dequeuniversity.com, github.com, www.w3.org
Ähnliche Prüfungen
-
Aufklappbare Bereiche haben keinen Namen
WCAG 4.1.2 A
-
Die Seite hat keinen Titel
WCAG 2.4.2 A
-
Links im Fließtext sehen aus wie normaler Text
WCAG 1.4.1 A
-
Einige Links sagen nicht, wohin sie führen
WCAG 2.4.4 A