Doporučený postup Priorita: Drobné
Stránka má více než jednu hlavní patičku
Stránka označuje několik oblastí jako patičku webu, například patičku obchodu a další patičku ve vyskakovacím okně nebo widgetu. Jde o doporučenou praxi nad rámec úrovně WCAG 2.2 AA, o kterou se opírá zákon.
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 knihy. Když jsou patičky dvě, nevědí, ve které jsou kontakty, podmínky vrácení zboží a právní odkazy, a mohou hledání vzdát.
Koho se to týká
- nevidomí lidé používající čtečky obrazovky
- lidé, kteří se mezi oblastmi stránky pohybují klávesnicí
- starší zákazníci s asistenčními nástroji
Jak to opravit
Ponechte přesně jednu patičku pro celý web: <footer>, který je přímou součástí těla stránky (ne uvnitř <article>, <section>, <main> nebo <aside>), nebo jeden prvek s role="contentinfo". Z ostatních bloků odstraňte role="contentinfo" a nadbytečné patičky na úrovni stránky změňte na obyčejné <div> nebo je přesuňte do sekce, ke které patří.
V Shopify
Obvykle je příčinou sekce patičky přidaná dvakrát nebo aplikace, která vkládá vlastní <footer>. Zkontrolujte skupinu patičky v layout/theme.liquid a sekce, které vykresluje; požádejte vývojáře aplikace, aby použil <div>.
V Shoptet (CZ)
Obvykle vychází ze šablony nebo z vlastního úryvku kódu přidaného do patičky. Nejprve zkontrolujte HTML, které jste přidali sami; pokud je duplicita v šabloně, nahlaste ji Shoptetu nebo partnerovi.
V PrestaShop
Obvykle jde o šablonu patičky motivu plus modul, který vypisuje další <footer> na úrovni stránky. Upravte přepsání šablony modulu v motivu nebo soubor .tpl patičky motivu.
V WooCommerce
Obvykle jde o šablonu patičky z page builderu plus vlastní patičku šablony, nebo plugin přidávající role="contentinfo". Jednu z patiček vypněte v nastavení builderu či šablony, nebo opravte kód ve footer.php podřízené šablony (child theme).
Normy
Nejde o kritérium WCAG, ale o doporučený postup, který usnadní používání webu.
Automatická kontrola: pravidlo axe-core landmark-no-duplicate-contentinfo.
dequeuniversity.com, github.com, www.w3.org