Doporučený postup Priorita: Drobné
Patička webu je uvnitř jiné oblasti stránky
Oblast patičky (orientační oblast „contentinfo“ s kontakty, právními odkazy a informacemi o platbě) je vnořená do jiné oblasti, například do hlavního obsahu, místo aby stála samostatně dole na stránce. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA, o kterou se opírají zákony o přístupnosti.
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 přeskakují mezi oblastmi stránky (záhlaví, menu, hlavní obsah, patička) jako mezi kapitolami a často jdou rovnou do patičky pro kontakty, informace o doručení a vrácení nebo obchodní podmínky. Když je patička vnořená do hlavního obsahu nebo jiné oblasti, neobjeví se jako samostatná kapitola, a tito zákazníci tak musí hledat informace, které ostatní vidí na první pohled.
Koho se to týká
- uživatelé čteček obrazovky
- zákazníci hledající se čtečkou obrazovky kontakty, vrácení zboží nebo obchodní podmínky
Jak to opravit
Umístěte <footer> webu (nebo prvek s role="contentinfo") přímo do struktury stránky, za <main> a mimo jakoukoli jinou orientační oblast. Častou příčinou je obal stránky s role="main", který se zavírá až za patičkou, nebo role="contentinfo" přidaná patičce uvnitř jiné oblasti. <footer> uvnitř <article> nebo <section> je v pořádku, protože se nepovažuje za patičku webu.
V Shopify
Skupina sekcí patičky obvykle stojí v layout/theme.liquid za <main>. Ověřte, že se <main> nebo vlastní obal s rolí orientační oblasti zavírá před patičkou a že žádná sekce nepřidává role="contentinfo" uvnitř obsahu.
V Shoptet (CZ)
Určuje to HTML struktura šablony. Zjistěte, zda to novější verze šablony opravuje; jinak to nahlaste Shoptetu nebo partnerovi.
V PrestaShop
Obvykle jde o .tpl soubory rozvržení šablony, které vkládají patičku. Ověřte, že blok patičky následuje po uzavření obalu hlavního obsahu a neleží v prvku s rolí orientační oblasti.
V WooCommerce
Obvykle footer.php šablony zavírá obal obsahu příliš pozdě, nebo šablona patičky page builderu leží uvnitř prvku s rolí orientační oblasti. Opravte to ve footer.php podřízené šablony nebo v šabloně patičky builderu.
Normy
Nejde o kritérium WCAG, ale o doporučený postup, který usnadní používání webu.
Automatická kontrola: pravidlo axe-core landmark-contentinfo-is-top-level.
dequeuniversity.com, github.com, www.w3.org