Požadavek WCAG A/AA Priorita: Drobné
Seznam je sestavený nesprávně
Odrážkový nebo číslovaný seznam obsahuje prvky, které do seznamu přímo nepatří.
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 mohou slyšet špatný počet položek nebo přijít o strukturu seznamu v menu, filtrech či vlastnostech produktu, takže se stránka hůře prochází.
Koho se to týká
- uživatelé čteček obrazovky
Jak to opravit
Do <ul> a <ol> vkládejte jen prvky <li> (případně <script> nebo <template>). Obalové prvky jako <div> přesuňte dovnitř <li>, ne kolem něj. Zkontrolujte menu, filtry a patičky.
V Shopify
Obvykle jde o menu nebo sekce šablony, případně o kód přidaný aplikacemi. Opravte strukturu seznamu v sekcích nebo snippetech Liquid šablony.
V Shoptet (CZ)
Obvykle jde o menu nebo patičky šablony. Kód je součástí šablony, proto to nahlaste podpoře Shoptet nebo partnerovi.
V PrestaShop
Obvykle jde o menu motivu nebo moduly, například patičku nebo fasetové vyhledávání. Opravte kód v souborech .tpl motivu nebo v přepsaných šablonách modulů.
V WooCommerce
Obvykle jde o menu šablony, widgety nebo bloky page builderu. Opravte kód v šablonách podřízené šablony (child theme) nebo v nastavení widgetu v 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 list.
dequeuniversity.com, github.com, www.w3.org
Podobné kontroly
-
Tlačítka a odkazy jsou příliš malé na pohodlné klepnutí
WCAG 2.5.8 AA
-
Klikací obrázek funguje jen s myší
WCAG 2.1.1 A
-
Některé vektorové grafiky nemají textový popis
WCAG 1.1.1 A
-
Název nebo hodnota stojí mimo svůj seznam
WCAG 1.3.1 A