Požadavek WCAG A/AA Priorita: Drobné
Položka seznamu je mimo seznam
Prvek označený jako položka seznamu není uvnitř seznamu, takže se ztrácí jeho struktura.
Tento text byl přeložen automaticky a rodilý mluvčí ho zatím nezkontroloval.
Proč na tom záleží vašim zákazníkům
Uživatelé čteček obrazovky nemusí slyšet, že položky patří k sobě, například vlastnosti produktu nebo položky menu, a stránka se pak hůře prochází.
Koho se to týká
- uživatelé čteček obrazovky
Jak to opravit
Ověřte, že každý <li> je přímo uvnitř <ul>, <ol> nebo prvku s role="list". Zkontrolujte, zda obalové prvky nebo skripty neoddělily položky od jejich seznamu.
V Shopify
Obvykle jde o sekce šablony nebo bloky aplikací, které vypisují <li> bez nadřazeného seznamu. Opravte to v sekcích nebo snippetech Liquid šablony.
V Shoptet (CZ)
Obvykle jde o kód šablony. Nahlaste to podpoře Shoptet nebo partnerovi.
V PrestaShop
Obvykle jde o šablony motivu nebo modulů. Opravte kód v souborech .tpl motivu nebo v přepsaných šablonách modulů.
V WooCommerce
Obvykle jde o šablony, widgety nebo bloky page builderu. Opravte kód v podřízené šabloně (child theme) nebo v nastavení builderu.
Normy
| Norma | Bod |
|---|---|
| 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 |
Automatická kontrola: pravidlo axe-core listitem.
dequeuniversity.com, github.com, www.w3.org
Podobné kontroly
-
Některé rozbalovací sekce nemají název
WCAG 4.1.2 A
-
Stránka nemá titulek
WCAG 2.4.2 A
-
Odkazy v textu vypadají jako běžný text
WCAG 1.4.1 A
-
Některé odkazy neříkají, kam vedou
WCAG 2.4.4 A