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

Některé přepínače a zaškrtávací políčka nemají název

Některé vlastní přepínací prvky (zaškrtávací políčka, přepínače, přepínací tlačítka nebo položky menu vytvořené pomocí rolí ARIA) nemají čitelný popisek.

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 slyší jen „zaškrtávací políčko“ nebo „přepínač“ a nevědí, co ovládá: souhlas s obchodními podmínkami, odběr newsletteru, filtr nebo dárkové balení. Mohou přehlédnout povinné políčko v pokladně nebo zvolit špatnou možnost.

Koho se to týká

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

Jak to opravit

Dejte název každému prvku s role="checkbox", "switch", "radio", "menuitemcheckbox" nebo "menuitemradio": viditelný text uvnitř, aria-labelledby odkazující na viditelný popisek, nebo aria-label. Kde je to možné, použijte nativní <input type="checkbox"> nebo <input type="radio"> s <label>.

V Shopify

Obvykle jde o vlastní přepínače filtrů, cookie lišty nebo widgety aplikací (předplatné, dárkové možnosti). Popisky doplňte ve snippetech Liquid šablony; vývojáře aplikací požádejte o popisky u přepínačů, které jejich aplikace přidávají.

V Shoptet (CZ)

Obvykle jde o doplňky nebo vlastní kód (cookie lišty, filtry). Požádejte dodavatele doplňku, podporu Shoptet nebo partnera o doplnění popisků.

V PrestaShop

Obvykle jde o moduly pro souhlas s cookies, fasetové vyhledávání nebo možnosti produktu. Popisky doplňte v přepsaných šablonách .tpl modulů nebo se obraťte na vývojáře modulu.

V WooCommerce

Časté v pluginech pro souhlas s cookies, filtry a možnosti produktu a v přepínačích page builderů. Zkontrolujte nastavení pluginu; jinak to opravte v podřízené šabloně (child theme) nebo nahlaste autorovi pluginu.

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

Atributy přístupnosti jsou použity v nesprávné situaci
WCAG 4.1.2 A
Seznam názvů a hodnot je sestavený nesprávně
WCAG 1.3.1 A
Některé vložené soubory nebo média nemají textový popis
WCAG 1.1.1 A
Některé ukazatele průběhu nemají název
WCAG 1.1.1 A

Všechna pravidla, která kontrolujeme