Doporučený postup Priorita: Drobné
Část obsahu leží mimo hlavní oblasti stránky
Některé části stránky nejsou uvnitř orientačních bodů (landmarks), jako je záhlaví, navigace, hlavní obsah nebo zápatí. 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é čteček obrazovky často přeskakují mezi oblastmi stránky (záhlaví, menu, hlavní obsah, zápatí), aby něco rychle našli. Obsah mimo tyto oblasti, například akční lišta, upozornění na cookies nebo blok newsletteru, snadno přehlédnou nebo ho najdou až po přečtení celé stránky řádek po řádku.
Koho se to týká
- uživatelé čteček obrazovky
- nevidomí a slabozrací zákazníci
Jak to opravit
Umístěte veškerý viditelný obsah do orientačních prvků: <header>, <nav>, <main>, <aside> a <footer> (nebo odpovídajících rolí ARIA). Přesuňte „zatoulané“ bloky, jako jsou oznamovací lišty, bannery a formuláře newsletteru, do správné oblasti a zajistěte, aby každá stránka měla právě jeden <main>. Vyskakovací okna a cookie lišty lze označit jako dialog nebo pojmenovaný region.
V Shopify
Soubor layout/theme.liquid šablony obvykle už obsahuje záhlaví, <main> a zápatí; upozornění způsobují sekce nebo bloky aplikací vložené mimo ně. Přesuňte je do správné skupiny nebo je v kódu Liquid obalte orientačním prvkem.
V Shoptet (CZ)
Záleží na šabloně; i HTML přidané přes možnosti vlastního kódu v Shoptetu se může ocitnout mimo orientační body. Obalte vlastní kód orientačním prvkem a kvůli šabloně se obraťte na podporu Shoptet nebo partnera.
V PrestaShop
Zkontrolujte soubory rozvržení .tpl šablony, zda se některé bloky nevykreslují mimo záhlaví, hlavní obsah a zápatí, hlavně hooky modulů jako bannery. Obalte je v šablonách vhodným orientačním prvkem.
V WooCommerce
Často to způsobují sekce page builderu nebo výstup pluginů mimo <main> šablony. Upravte šablony záhlaví a zápatí v podřízené (child) šabloně nebo použijte nastavení HTML značky sekce v builderu, pokud ho nabízí.
Normy
Nejde o kritérium WCAG, ale o doporučený postup, který usnadní používání webu.
Automatická kontrola: pravidlo axe-core region.
dequeuniversity.com, github.com, www.w3.org