Přejít na obsah
Pandus
cs Změnit jazyk
Menu

Požadavek WCAG A/AA Priorita: Kritické

Vlastní tlačítka nemají název

Některé prvky, které fungují jako tlačítka, odkazy nebo položky menu, jsou vytvořené na míru a nemají čitelný název.

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í, co ovládací prvek dělá, a mohou tak minout menu, filtr nebo vložení do košíku.

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 prvku s role="button", "link" nebo "menuitem" název: viditelný text, aria-label nebo aria-labelledby. Lepší je použít nativní <button> nebo <a href>, které navíc fungují s klávesnicí.

V Shopify

Obvykle jde o vlastní ikonová tlačítka v šabloně nebo v aplikacích. Doplňte názvy ve snippetech Liquid šablony; prvky z aplikací nahlaste jejich vývojáři.

V Shoptet (CZ)

Obvykle jde o prvky šablony nebo doplňky. Nahlaste to podpoře Shoptet nebo partnerovi.

V PrestaShop

Obvykle jde o prvky motivu nebo modulů. Doplňte názvy v šablonách .tpl nebo v přepsaných šablonách modulů.

V WooCommerce

Obvykle jde o prvky z page builderu nebo pluginů. Doplňte názvy v kódu podřízené šablony (child theme) nebo v nastavení pluginu, případně to nahlaste autorovi pluginu.

Normy

Normy
NormaBod
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-command-name. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme