Požadavek WCAG A/AA Priorita: Závažné
Atributy přístupnosti jsou napsané s chybou
Některé atributy začínají na "aria-", ale nejde o skutečné atributy ARIA, obvykle kvůli překlepu.
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
Atribut se ignoruje, takže popisek nebo stav určený uživatelům čteček obrazovky se k nim nedostane. Například tlačítko, které se mělo jmenovat „Zavřít“, nemusí mít žádný název.
Koho se to týká
- uživatelé čteček obrazovky
- nevidomí zákazníci
Jak to opravit
Ověřte pravopis podle seznamu WAI-ARIA, například aria-labelledby (ne aria-labeledby). Vymyšlené atributy aria-* odstraňte; pro vlastní data používejte data-*.
V Shopify
Obvykle jde o překlep v kódu šablony nebo aplikace. Vyhledejte atribut v souborech Liquid a JavaScript šablony a opravte ho.
V Shoptet (CZ)
Obvykle jde o kód šablony nebo vlastní kód, který jste přidali. Svůj kód opravte sami; chyby šablony nahlaste podpoře Shoptet nebo partnerovi.
V PrestaShop
Obvykle jde o překlep v šablonách motivu nebo modulů. Opravte ho v souborech .tpl nebo JavaScript.
V WooCommerce
Obvykle jde o překlep v šabloně, page builderu nebo pluginu. 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.
dequeuniversity.com, github.com, www.w3.org
Podobné kontroly
-
Pole formuláře nemají popisek
WCAG 4.1.2 A
-
Některá tlačítka formulářů nemají název
WCAG 4.1.2 A
-
Rozbalovací seznam nemá popisek
WCAG 4.1.2 A
-
Text se špatně čte kvůli nízkému kontrastu
WCAG 1.4.3 AA