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

WCAG AAA: doporučení Priorita: Drobné

Odkazy se stejným textem vedou na různá místa

Několik odkazů na stránce má stejné znění, například „Více informací“ nebo „Koupit“, ale vedou na různé stránky. Jde o doporučení úrovně AAA podle WCAG, které jde nad úroveň AA, o kterou se opírá zákon.

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 si často procházejí seznam všech odkazů na stránce. Seznam stejných odkazů „Více informací“ jim nic neřekne, takže musí otevírat jeden po druhém, aby našli hledaný produkt nebo článek. Zdržuje je to, ale nákup to znemožní jen zřídka.

Koho se to týká

  • uživatelé čteček obrazovky
  • lidé s kognitivním postižením
  • uživatelé hlasového ovládání

Jak to opravit

Dejte každému odkazu text, který popisuje, kam vede, například „Více o dopravě“ místo „Více informací“. Pokud musí viditelný text zůstat krátký, doplňte podrobnosti vizuálně skrytým textem nebo atributem aria-label, který začíná viditelnými slovy. Odkazy, které skutečně vedou na stejnou stránku, například obrázek produktu a jeho název, mohou mít stejný název.

V Shopify

Obvykle pochází z tlačítek „Více informací“ nebo „Koupit“ v sekcích blogu, kolekcí nebo bannerů. Změňte popisky tlačítek pro každou sekci v editoru šablony, nebo do odkazu přidejte název článku či produktu v kódu Liquid dané sekce.

V Shoptet (CZ)

Obvykle pochází z bannerů nebo výpisů článků se stejným textem tlačítka. Změňte texty tam, kde to nastavení šablony dovoluje; jinak doplňte podrobnosti vlastním kódem nebo se obraťte na Shoptet či partnera.

V PrestaShop

Obvykle pochází z odkazů „Rychlý náhled“, „Více“ nebo „Číst dále“ ve výpisech produktů a modulech blogu. Změňte text odkazu nebo doplňte název produktu jako skrytý text v šablonách .tpl.

V WooCommerce

Obvykle pochází z odkazů „Číst dále“ ve výpisech blogu nebo z tlačítek v mřížkách produktů. WooCommerce u svých tlačítek košíku obvykle doplňuje název produktu, tlačítka šablony nebo page builderu to dělat nemusí. Upravte popisky v builderu nebo v šabloně podřízené šablony (child theme).

Normy

Normy
NormaBod
WCAG 2.2 2.4.9 (AAA) Link Purpose (Link Only)
WCAG 2.1 2.4.9 (AAA) Link Purpose (Link Only)
WCAG 2.0 2.4.9 (AAA) Link Purpose (Link Only)

Automatická kontrola: pravidlo axe-core identical-links-same-purpose. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme