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

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

Klikací prvky jsou vnořené do sebe

Některé klikací prvky jsou uvnitř jiných klikacích prvků, například tlačítko seznamu přání uvnitř klikací karty produktu.

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 klávesnice se nemusí k vnitřnímu prvku dostat nebo ho rozlišit. Mohou tak přijít o rychlé přidání do košíku či seznamu přání, nebo otevřít něco jiného.

Koho se to týká

  • uživatelé čteček obrazovky
  • uživatelé klávesnice
  • uživatelé hlasového ovládání

Jak to opravit

Nevkládejte odkazy, tlačítka ani pole formuláře do jiného odkazu či tlačítka ani do prvku s role="button" a podobnými. Hlavní odkaz karty a její tlačítka umístěte vedle sebe; klikací plochu hlavního odkazu můžete v případě potřeby rozšířit pomocí CSS.

V Shopify

Obvykle jde o karty produktů s tlačítky pro rychlé přidání nebo seznam přání ze šablony či aplikací. Upravte strukturu karty ve snippetu Liquid šablony; tlačítka aplikací nahlaste vývojáři.

V Shoptet (CZ)

Obvykle jde o karty produktů v šabloně. Nahlaste to podpoře Shoptet nebo partnerovi.

V PrestaShop

Obvykle jde o šablony miniatur produktů s tlačítky rychlého náhledu nebo seznamu přání. Upravte šablonu .tpl miniatury produktu v motivu.

V WooCommerce

Obvykle jde o výpisy produktů ze šablony, page builderu nebo pluginů pro seznam přání. Upravte šablonu v podřízené šabloně (child theme), nebo 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 nested-interactive. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme