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

Některé prvky mají roli, která neexistuje

Některé prvky mají atribut role s překlepem, vymyšlenou nebo abstraktní hodnotou, takže asistivní technologie nepoznají, o jaký prvek jde.

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čka obrazovky může menu, záložku, vyskakovací okno nebo tlačítko přečíst jako běžný text, nebo ho přeskočit. Zákazníci, kteří ji používají, pak nemusí najít navigaci, filtry nebo ovládací prvky v pokladně.

Koho se to týká

nevidomí zákazníci
uživatelé čteček obrazovky
uživatelé hlasového ovládání

Jak to opravit

Používejte jen platné role ARIA ze specifikace WAI-ARIA, správně napsané malými písmeny, například role="button", role="navigation" nebo role="dialog". Nepoužívejte abstraktní role jako "widget", "landmark" nebo "input". Ještě lépe použijte nativní HTML prvek (<button>, <nav>, <dialog>) a atribut role odstraňte.

V Shopify

Obvykle jde o vlastní kód šablony nebo widgety aplikací, například menu, slidery a vyskakovací okna. Roli opravte v sekcích nebo snippetech Liquid šablony; vývojáře aplikací požádejte o opravu rolí, které jejich aplikace přidávají.

V Shoptet (CZ)

Ve standardních šablonách je to vzácné; spíše jde o vlastní kód nebo přidané skripty. Požádejte podporu Shoptet nebo partnera o kontrolu šablony a vlastního kódu.

V PrestaShop

Obvykle jde o šablony motivu nebo moduly, například menu a slidery. Roli opravte v souborech .tpl motivu nebo v přepsaných šablonách modulů.

V WooCommerce

Obvykle jde o šablony, page buildery nebo pluginy pro slidery a vyskakovací okna. Roli opravte v šablonách podřízené šablony (child theme); kód pluginu nahlaste jeho autorovi.

Normy

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

Některá tlačítka nemají název
WCAG 4.1.2 A
Stránka obsahuje zastaralý kód blikajícího textu
WCAG 2.2.2 A
Atributy přístupnosti mají nesprávné hodnoty
WCAG 4.1.2 A
Některé přepínače a zaškrtávací políčka nemají název
WCAG 4.1.2 A

Všechna pravidla, která kontrolujeme