Požadavek WCAG A/AA Priorita: Kritické

Některá tlačítka nemají název

Některá tlačítka nemají čitelný popisek, například tlačítko „do košíku“, vyhledávání nebo menu zobrazené jen jako ikona.

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 a hlasového ovládání nepoznají, které tlačítko vkládá do košíku, otevírá menu nebo odesílá vyhledávání. To jim může nákup úplně znemožnit.

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 každému tlačítku název: viditelný text, aria-label nebo aria-labelledby odkazující na viditelný text. Tlačítka jen s ikonou potřebují aria-label, například „Přidat do košíku“ nebo „Zavřít“. Nespoléhejte na atribut title ani na ikony vložené jen přes CSS.

V Shopify

Obvykle jde o ikonová tlačítka v šabloně (menu, vyhledávání, množství, zavřít) nebo o tlačítka vložená aplikacemi. Doplňte popisky ve snippetech Liquid šablony; tlačítka z aplikací ať opraví jejich vývojáři.

V Shoptet (CZ)

Obvykle jde o ikonová tlačítka v šabloně. Ověřte, zda existuje novější verze šablony s popisky; jinak požádejte podporu Shoptet nebo partnera o úpravu kódu šablony.

V PrestaShop

Obvykle jde o ikonová tlačítka v motivu nebo modulech (košík, vyhledávání, menu). Doplňte aria-label v šablonách .tpl motivu nebo v přepsaných šablonách modulů.

V WooCommerce

Časté v šablonách, page builderech a pluginech pro košík nebo seznam přání. Doplňte popisky v šablonách podřízené šablony (child theme) nebo v nastavení pluginu; tlačítka pluginů bez názvu 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 button-name. dequeuniversity.com, github.com, www.w3.org

Skryté prvky jsou stále dosažitelné klávesnicí
WCAG 4.1.2 A
Některé grafické prvky nemají textový popis
WCAG 1.1.1 A
Některá videa nebo zvuky se spouštějí samy se zvukem
WCAG 1.4.2 A
Položka seznamu je mimo seznam
WCAG 1.3.1 A

Všechna pravidla, která kontrolujeme