Požadavek WCAG A/AA Priorita: Závažné
Atributy přístupnosti mají nesprávné hodnoty
Některé atributy přístupnosti v kódu mají nepovolené hodnoty nebo odkazují na prvky, které na stránce neexistují.
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
Čtečky obrazovky mohou ohlásit špatný stav, ztratit popis pole nebo atribut ignorovat. Zákazníci pak dostávají zavádějící informace o menu, filtrech nebo chybách ve formuláři.
Koho se to týká
- uživatelé čteček obrazovky
- nevidomí zákazníci
Jak to opravit
Používejte jen povolené hodnoty (například aria-expanded="true" nebo "false"). ID uvedená v aria-labelledby, aria-describedby a aria-controls musí na stránce existovat. Zkontrolujte i hodnoty, které nastavují skripty za běhu.
V Shopify
Obvykle jde o JavaScript šablony nebo widgety aplikací, které nastavují hodnoty ARIA. Opravte to v souborech Liquid a JavaScript šablony; chyby aplikací nahlaste jejich vývojáři.
V Shoptet (CZ)
Obvykle jde o skripty šablony nebo doplňky. Nahlaste to podpoře Shoptet nebo partnerovi.
V PrestaShop
Obvykle jde o skripty motivu nebo moduly. Opravte to v šablonách a JavaScriptu motivu, nebo to nahlaste vývojáři modulu.
V WooCommerce
Obvykle jde o skripty šablony, page buildery nebo pluginy. Opravte to v kódu podřízené šablony (child theme), nebo to nahlaste autorovi pluginu.
Normy
| Norma | Bod |
|---|---|
| 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-valid-attr-value.
dequeuniversity.com, github.com, www.w3.org
Podobné kontroly
-
Videa nemají titulky
WCAG 1.2.2 A
-
Vlastní tlačítka nemají název
WCAG 4.1.2 A
-
Některé nápovědy jsou prázdné
WCAG 4.1.2 A
-
Obrázky nemají textový popis
WCAG 1.1.1 A