Přejít na obsah
Pandus

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

Chybí rychlý přechod na hlavní obsah

Stránka nemá odkaz pro přeskočení, nadpis ani oblast main, díky kterým by uživatelé klávesnice a čteček obrazovky přeskočili záhlaví a menu.

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 musí na každé stránce procházet klávesou Tab celé záhlaví, menu a filtry, než se dostanou k produktům nebo do košíku. Uživatelé čteček obrazovky nemají jak rychle najít, kde obsah začíná.

Koho se to týká

  • uživatelé klávesnice
  • uživatelé čteček obrazovky
  • lidé s pohybovým postižením

Jak to opravit

Přidejte jako první prvek, na který se dá přejít klávesou Tab, odkaz „Přeskočit na obsah“ vedoucí na hlavní obsah a zobrazte ho při fokusu. Hlavní obsah obalte prvkem <main> a dejte stránce jasnou strukturu nadpisů začínající <h1>. Nejlepší je mít všechny tři.

V Shopify

Většina aktuálních šablon má odkaz pro přeskočení i <main>; starší nebo hodně upravené šablony o ně mohou přijít. Obnovte je v layout/theme.liquid.

V Shoptet (CZ)

Záleží na šabloně. Zkontrolujte, zda novější verze šablony odkaz pro přeskočení obsahuje; jinak se obraťte na podporu Shoptet nebo partnera.

V PrestaShop

Výchozí motivy obvykle mají nadpisy a oblast hlavního obsahu; vlastní motivy ne vždy. Odkaz pro přeskočení a <main> doplňte do souborů .tpl s rozvržením motivu.

V WooCommerce

Záleží na šabloně; některá záhlaví z page builderů nebo prázdné šablony odkaz pro přeskočení či <main> vynechávají. Doplňte je v šabloně záhlaví podřízené šablony (child theme) nebo v nastavení šablony v builderu.

Normy

Normy
NormaBod
WCAG 2.2 2.4.1 (A) Bypass Blocks
WCAG 2.1 2.4.1 (A) Bypass Blocks
WCAG 2.0 2.4.1 (A) Bypass Blocks
EN 301 549 4.1.1 9.2.4.1
EN 301 549 3.2.1 9.2.4.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.2.4.1

Automatická kontrola: pravidlo axe-core bypass. dequeuniversity.com, github.com, www.w3.org

Všechna pravidla, která kontrolujeme