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

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

Vlastním ovládacím prvkům chybí povinné informace

Některé vlastní ovládací prvky mají nastavenou roli, ale chybí jim informace, které tato role vyžaduje, například zda je rozbalovací seznam otevřený.

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í poznat, zda je filtr rozbalený, která možnost je vybraná nebo jakou hodnotu má posuvník. Menu a filtry se pak špatně používají.

Koho se to týká

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

Jak to opravit

Doplňte atributy, které role vyžaduje, například aria-expanded u role="combobox" nebo aria-valuenow u role="slider". Při změně stavu je aktualizujte pomocí JavaScriptu. Kde to jde, používejte nativní prvky HTML.

V Shopify

Obvykle jde o vlastní menu, filtry nebo posuvníky v šabloně či aplikacích. Opravte atributy v souborech Liquid a JavaScript šablony; widgety aplikací ať opraví jejich vývojáři.

V Shoptet (CZ)

Obvykle jde o menu šablony nebo doplňky. Ovládací prvky jsou součástí šablony, proto to nahlaste podpoře Shoptet nebo partnerovi.

V PrestaShop

Obvykle jde o menu motivu nebo moduly, například fasetové vyhledávání. Opravte to v šablonách a JavaScriptu motivu, nebo to nahlaste vývojáři modulu.

V WooCommerce

Obvykle jde o menu šablony, widgety page builderu nebo pluginy filtrů. Opravte to v kódu podřízené šablony (child theme), nebo to nahlaste autorovi pluginu.

Normy

Normy
NormaBod
WCAG 2.2 4.1.2 (A) Name, Role, Value
WCAG 2.1 4.1.2 (A) Name, Role, Value
WCAG 2.0 4.1.2 (A) Name, Role, Value
EN 301 549 4.1.1 9.4.1.2
EN 301 549 3.2.1 9.4.1.2
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.4.1.2

Automatická kontrola: pravidlo axe-core aria-required-attr. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme