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

Požadavek WCAG A/AA Priorita: Drobné

Klikací obrázek funguje jen s myší

Stránka používá serverovou mapu obrázku: obrázek v odkazu, u kterého server podle přesného místa kliknutí rozhodne, co otevřít, například stará mapa poboček nebo klikací obrázek katalogu.

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é klávesnice a čteček obrazovky nemohou vybrat žádnou část obrázku a nic jim neřekne, jaké části obsahuje. Vše, co se za těmito kliknutími skrývá, je pro ně nedostupné.

Koho se to týká

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

Jak to opravit

Nahraďte serverovou mapu obrázku (<img ismap> uvnitř odkazu) běžnými textovými odkazy nebo tlačítky pro každý cíl. Pokud potřebujete klikací obrázek, použijte klientskou mapu (<map> s prvky <area>, každý s alternativním textem) nebo samostatné obrázky v odkazech. Pomůže také textový seznam stejných odkazů vedle obrázku.

V Shopify

Velmi vzácné; šablony Shopify tuto techniku nepoužívají. Pokud se objeví, hledejte starý HTML vložený do stránky nebo zastaralou aplikaci a nahraďte je běžnými odkazy.

V Shoptet (CZ)

Velmi vzácné; šablony tuto techniku nepoužívají. Pokud se objeví, jde o HTML vložený do stránky; nahraďte jej běžnými odkazy.

V PrestaShop

Velmi vzácné; obvykle starý HTML na CMS stránce nebo zastaralý modul. Nahraďte jej běžnými odkazy v obsahu nebo v šabloně .tpl modulu.

V WooCommerce

Velmi vzácné; obvykle starý HTML ve stránce, zastaralý plugin nebo obsah převzatý ze starého webu. Nahraďte jej běžnými odkazy nebo pluginem pro mapy obrázků, který ke každé oblasti vypíše alternativní text.

Normy

Normy
NormaBod
WCAG 2.2 2.1.1 (A) Keyboard
WCAG 2.1 2.1.1 (A) Keyboard
WCAG 2.0 2.1.1 (A) Keyboard
EN 301 549 4.1.1 9.2.1.1
EN 301 549 3.2.1 9.2.1.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.2.1.1

Automatická kontrola: pravidlo axe-core server-side-image-map. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme