Doporučený postup Priorita: Střední
Odkaz „Přeskočit na obsah“ nefunguje
Stránka má odkaz pro přeskočení, ale místo, na které míří, neexistuje nebo nemůže získat fokus. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA.
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 zvolí „Přeskočit na obsah“, aby obešli menu, ale nic se nestane nebo se fokus vrátí nahoru. Na každé stránce pak musí tabulátorem procházet celé záhlaví a menu, což zpomaluje a unavuje při procházení zboží i dokončení objednávky.
Koho se to týká
- uživatelé klávesnice
- uživatelé čteček obrazovky
- lidé s pohybovým postižením
Jak to opravit
Zajistěte, aby href odkazu pro přeskočení (například #MainContent) odpovídal id prvku, který je na každé stránce, obvykle prvku <main>. Pokud cíl ve výchozím stavu nemůže získat fokus, přidejte mu tabindex="-1". Otestujte to: načtěte stránku, stiskněte jednou Tab a pak Enter; další Tab by měl skončit uvnitř hlavního obsahu.
V Shopify
Většina šablon má odkaz pro přeskočení v layout/theme.liquid a míří na id hlavního obsahu. Pokud vlastní šablona nebo sekce toto id změnila či odstranila, obnovte ho v kódu Liquid.
V Shoptet (CZ)
Záleží na šabloně. Pokud jste vlastní odkaz pro přeskočení přidali přes vlastní kód, zkontrolujte, že jeho cíl existuje; jinak se obraťte na podporu Shoptet nebo partnera.
V PrestaShop
Zkontrolujte soubory rozvržení .tpl šablony: id cíle odkazu pro přeskočení musí odpovídat prvku, který je na všech typech stránek, včetně stránky produktu a košíku.
V WooCommerce
Odkaz pro přeskočení obvykle pochází ze šablony záhlaví a jeho cíl ze šablony obsahu. Page buildery a prázdné šablony cíl často odstraní; doplňte odpovídající id v podřízené (child) šabloně nebo v nastavení builderu.
Normy
Nejde o kritérium WCAG, ale o doporučený postup, který usnadní používání webu.
Automatická kontrola: pravidlo axe-core skip-link.
dequeuniversity.com, github.com, www.w3.org