Požadavek WCAG A/AA Priorita: Střední
Vlastní položky menu nebo záložky jsou mimo svou skupinu
Některé vlastní položky, například položky menu, záložky nebo možnosti výběru, nejsou uvnitř skupiny, do které patří.
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ě ani kolik jich je. Menu, záložky a seznamy možností jsou pak hůře srozumitelné.
Koho se to týká
- uživatelé čteček obrazovky
- nevidomí zákazníci
Jak to opravit
Umístěte každou položku do kontejneru s rolí, kterou vyžaduje, například role="tab" do role="tablist", role="option" do role="listbox", role="menuitem" do role="menu" nebo "menubar". Zkontrolujte obalové prvky bez role mezi nimi, případně odstraňte role, které nejsou potřeba.
V Shopify
Obvykle jde o menu, záložky nebo widgety aplikací. Opravte strukturu v sekcích Liquid nebo JavaScriptu šablony; widgety aplikací nahlaste vývojáři.
V Shoptet (CZ)
Obvykle jde o menu nebo záložky v šabloně. Nahlaste to podpoře Shoptet nebo partnerovi.
V PrestaShop
Obvykle jde o menu motivu nebo šablony modulů. Opravte to v šablonách .tpl nebo v JavaScriptu.
V WooCommerce
Obvykle jde o menu šablony, záložky z page builderu nebo pluginy. Opravte to v kódu podřízené šablony (child theme), nebo to nahlaste autorovi pluginu.
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 aria-required-parent.
dequeuniversity.com, github.com, www.w3.org
Podobné kontroly
-
Klikací obrázek funguje jen s myší
WCAG 2.1.1 A
-
Některé ukazatele úrovně nemají název
WCAG 1.1.1 A
-
Stránka obsahuje zastaralý kód blikajícího textu
WCAG 2.2.2 A
-
Název tabulky je zapsaný v buňce tabulky
WCAG 1.3.1 A