Požadavek WCAG A/AA Priorita: Střední

Atributy přístupnosti jsou použity v nesprávné situaci

Některé prvky používají atributy přístupnosti, které jsou pro jejich typ povoleny jen za určitých podmínek, například aria-checked na skutečném zaškrtávacím poli nebo atributy stromové tabulky na běžném řádku tabulky.

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 oznámit jiný stav, než je vidět na obrazovce, například „nezaškrtnuto“ u zaškrtnutého pole „Souhlasím s obchodními podmínkami“ nebo u volby filtru, případně číst řádky tabulky jako úrovně stromu. Zákazníci pak mohou ve filtrech nebo v objednávce zvolit špatně.

Koho se to týká

uživatelé čteček obrazovky
nevidomí zákazníci

Jak to opravit

U nativních zaškrtávacích polí odstraňte aria-checked; stav prvku input stačí. Atributy řádků jako aria-level, aria-posinset, aria-setsize a aria-expanded používejte na řádcích tabulky jen uvnitř role="treegrid". Kde je to možné, dávejte přednost nativním prvkům HTML před ARIA.

V Shopify

Obvykle vlastní kód filtrů, variant nebo zaškrtávacích polí v šabloně či aplikaci. Najděte prvek v souborech Liquid a JavaScript šablony a odstraňte rozporný atribut; widgety aplikací nahlaste vývojáři.

V Shoptet (CZ)

Obvykle filtry nebo formuláře šablony či doplňky. Nahlaste to Shoptetu nebo partnerovi Shoptetu.

V PrestaShop

Obvykle moduly fasetového vyhledávání, možností produktu nebo formulářů. Opravte to v souborech .tpl a JavaScript šablony nebo v přepsaných šablonách modulů.

V WooCommerce

Obvykle pluginy filtrů, možností produktu nebo formulářů, případně page builder. Opravte to v podřízené šabloně nebo to 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-conditional-attr. dequeuniversity.com, github.com, www.w3.org

Některé odkazy neříkají, kam vedou
WCAG 2.4.4 A
Název nebo hodnota stojí mimo svůj seznam
WCAG 1.3.1 A
Skryté prvky jsou stále dosažitelné klávesnicí
WCAG 4.1.2 A
Vlastní vstupní pole nemají popisek
WCAG 4.1.2 A

Všechna pravidla, která kontrolujeme