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
| Norma | Bod |
|---|---|
| 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
Podobné kontroly
-
Některé ukazatele průběhu nemají název
WCAG 1.1.1 A
-
Některé ukazatele úrovně nemají název
WCAG 1.1.1 A
-
Atributy přístupnosti jsou použity v nesprávné situaci
WCAG 4.1.2 A
-
Vlastní vstupní pole nemají popisek
WCAG 4.1.2 A