Přejít na obsah
Pandus
cs Změnit jazyk
Menu

Požadavek WCAG A/AA Priorita: Závažné

Vlastní menu nebo seznamy jsou sestavené nesprávně

Některé vlastní komponenty, například menu, seznamy záložek nebo výběrové seznamy, neobsahují položky, které v nich mají být.

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 prázdné menu či seznam, nebo nemohou procházet záložky a možnosti. Navigace a filtry se pak špatně používají.

Koho se to týká

  • uživatelé čteček obrazovky
  • nevidomí zákazníci

Jak to opravit

Dejte každému kontejneru ARIA podřízené role, které vyžaduje, například role="menuitem" uvnitř role="menu", role="tab" uvnitř role="tablist", role="option" uvnitř role="listbox". Pokud komponenta není skutečné menu, roli raději odstraňte.

V Shopify

Obvykle jde o menu, záložky nebo widgety aplikací, které používají role ARIA. Opravte role v sekcích Liquid a 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, záložky nebo moduly fasetového vyhledávání. Opravte to v šablonách a JavaScriptu motivu nebo modulu.

V WooCommerce

Obvykle jde o menu, záložky nebo slidery ze šablony, page builderu či pluginů. Opravte to v kódu podřízené šablony (child theme), nebo to nahlaste autorovi pluginu.

Normy

Normy
NormaBod
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-children. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme