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

Některé popisky odkazují na nesprávný prvek

Několik prvků má stejné id a toto id slouží k propojení popisku, popisu nebo chybové hlášky s polem či ovládacím prvkem.

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

Asistivní technologie hledají správný text podle id. Když se opakuje, čtečka obrazovky může přečíst popisek nebo chybu jiného pole, například fakturační adresu místo doručovací nebo název jiného filtru.

Koho se to týká

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

Jak to opravit

Zajistěte, aby každé id na stránce bylo jedinečné, zejména ta, na která odkazují aria-labelledby, aria-describedby, aria-controls nebo <label for>. Opakované bloky (karty produktů, okna rychlého náhledu, mobilní a desktopové menu) by měly vytvářet id s příponou, například id produktu nebo sekce. Každý nahlášený případ ověřte ručně: axe jej označuje k ruční kontrole.

V Shopify

Často se sekce nebo snippet vykreslí dvakrát (hlavička pro mobil a desktop, karty produktů, rychlý náhled) s pevným id. Doplňte v kódu Liquid jedinečnou příponu, například section.id nebo product.id; widgety aplikací musí opravit jejich vývojář.

V Shoptet (CZ)

Obvykle pochází ze šablony nebo z vlastního kódu vloženého vícekrát. Nejprve opravte vlastní kód; kvůli šabloně se obraťte na Shoptet nebo partnera Shoptet.

V PrestaShop

Obvykle v šablonách .tpl motivu nebo v modulech, které vypisují stejný blok vícekrát, například miniatury produktů nebo menu pro mobil a desktop. Upravte id v motivu nebo v přepsaných šablonách modulů tak, aby byla jedinečná.

V WooCommerce

Časté u page builderů a widgetů vložených dvakrát (mobilní a desktopové menu, opakované formuláře) a u pluginů s napevno zadanými id. Opravte id v podřízené šabloně (child theme) nebo v nastavení widgetu; výstup 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 duplicate-id-aria. dequeuniversity.com, github.com, www.w3.org

Některá záhlaví tabulky nepopisují žádná data
WCAG 1.3.1 A
Klikací prvky jsou vnořené do sebe
WCAG 4.1.2 A
Název tabulky je zapsaný v buňce tabulky
WCAG 1.3.1 A
Některá videa nebo zvuky se spouštějí samy se zvukem
WCAG 1.4.2 A

Všechna pravidla, která kontrolujeme