Požadavek WCAG A/AA Priorita: Střední
Tlačítka a odkazy jsou příliš malé na pohodlné klepnutí
Některá tlačítka nebo odkazy jsou menší než 24 × 24 pixelů a jsou příliš blízko sousedních prvků.
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
Zákazníci na telefonu a lidé s třesem nebo omezenou hybností ruky klepnou na špatnou barvu, velikost nebo tlačítko množství. To vede k chybným objednávkám a frustraci.
Koho se to týká
- zákazníci nakupující na mobilu
- lidé s pohybovým postižením
- starší zákazníci
- lidé ovládající telefon jednou rukou
Jak to opravit
Zajistěte, aby interaktivní prvky měly alespoň 24×24 CSS pixelů, nebo kolem nich nechte tolik místa, aby se kruh o průměru 24px se středem na malém prvku nedotýkal jiného prvku. Zkontrolujte vzorníky barev, tlačítka množství, ikony zavření a stránkování. Odkazy uvnitř vět jsou výjimkou.
V Shopify
Obvykle jde o vzorníky variant, tlačítka množství nebo ikony v šabloně. Zvětšete velikost nebo vnitřní okraje v CSS šablony; zkontrolujte i widgety aplikací.
V Shoptet (CZ)
Obvykle jde o vzorníky nebo ikony v šabloně. Zvětšete velikost nebo vnitřní okraje přes vlastní CSS kód.
V PrestaShop
Obvykle jde o vzorníky atributů, tlačítka množství nebo ikony v motivu. Zvětšete velikost nebo vnitřní okraje ve vlastním CSS motivu.
V WooCommerce
Obvykle jde o vzorníky variant, pole množství nebo ikony ze šablony či pluginů. Zvětšete velikost nebo vnitřní okraje v CSS podřízené šablony (child theme).
Normy
| Norma | Bod |
|---|---|
| WCAG 2.2 | 2.5.8 (AA) Target Size (Minimum) |
| EN 301 549 4.1.1 | 9.2.5.8 |
Automatická kontrola: pravidlo axe-core target-size.
dequeuniversity.com, github.com, www.w3.org, www.etsi.org
Podobné kontroly
-
Některé nadpisy jsou jen tučný nebo velký text
WCAG 1.3.1 A
-
Některé vektorové grafiky nemají textový popis
WCAG 1.1.1 A
-
Některé odkazy neříkají, kam vedou
WCAG 2.4.4 A
-
Vložený obsah nemá název
WCAG 4.1.2 A