Požadavek WCAG A/AA Priorita: Drobné
Některé prvky používají zastaralé role přístupnosti
Některé prvky používají role, které standard přístupnosti WAI-ARIA označil za zastaralé, například role="directory".
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
Prohlížeče a čtečky obrazovky podporu těchto rolí postupně ruší. Prvek pak může být oznámen bez svého významu, například seznam odkazů už nebude rozpoznán jako seznam.
Koho se to týká
- uživatelé čteček obrazovky
Jak to opravit
Nahraďte zastaralou roli jejím současným ekvivalentem (například role="list" místo role="directory"), nebo lépe odpovídajícím nativním prvkem HTML, jako je <ul>. Pokud role nic nepřidává, odstraňte ji.
V Shopify
Spíše vzácné, obvykle starší šablona nebo aplikace. Najděte roli v souborech Liquid a JavaScript šablony a nahraďte ji; ověřte, zda to už neopravuje novější verze šablony či aplikace.
V Shoptet (CZ)
Spíše vzácné. Pokud se objeví, nahlaste to Shoptetu nebo partnerovi Shoptetu, aby se kód šablony aktualizoval.
V PrestaShop
Obvykle starší šablona nebo modul. Nahraďte roli v šablonách .tpl nebo modul aktualizujte.
V WooCommerce
Obvykle starší šablona, page builder nebo plugin. Nejprve je aktualizujte; pokud role zůstane, opravte ji v podřízené šabloně nebo ji 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-deprecated-role.
dequeuniversity.com, github.com, www.w3.org
Podobné kontroly
-
Obrázkové tlačítko nemá textový popis
WCAG 1.1.1 A
-
Některá pole formulářů mají více popisků
WCAG 3.3.2 A
-
Některé nadpisy jsou jen tučný nebo velký text
WCAG 1.3.1 A
-
Některé odkazy neříkají, kam vedou
WCAG 2.4.4 A