Zalecana praktyka Priorytet: Drobne
Stopka strony jest umieszczona w innym obszarze strony
Obszar stopki (punkt orientacyjny „contentinfo” z kontaktem, linkami prawnymi i informacjami o płatnościach) jest zagnieżdżony w innym obszarze, na przykład w treści głównej, zamiast stać osobno na dole strony. To zalecana dobra praktyka wykraczająca poza poziom WCAG 2.2 AA, na którym opierają się przepisy o dostępności.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Użytkownicy czytników ekranu przechodzą między obszarami strony (nagłówek, menu, treść główna, stopka) jak między rozdziałami i często od razu przeskakują do stopki, by znaleźć kontakt, informacje o dostawie i zwrotach lub regulamin. Gdy stopka jest zagnieżdżona w treści głównej lub innym obszarze, nie pojawia się jako osobny rozdział, więc ci klienci muszą szukać informacji, które inni widzą od razu.
Kogo to dotyczy
- użytkownicy czytników ekranu
- klienci szukający kontaktu, zwrotów lub regulaminu za pomocą czytnika ekranu
Jak to naprawić
Umieść <footer> serwisu (lub element z role="contentinfo") bezpośrednio w strukturze strony, po <main> i poza każdym innym punktem orientacyjnym. Częsta przyczyna to kontener strony z role="main", który zamyka się dopiero po stopce, albo role="contentinfo" dodane do stopki wewnątrz innego obszaru. <footer> wewnątrz <article> lub <section> jest w porządku, bo nie jest traktowany jako stopka serwisu.
W Shopify
Grupa sekcji stopki zwykle stoi po <main> w layout/theme.liquid. Sprawdź, czy <main> lub własny kontener z rolą punktu orientacyjnego zamyka się przed stopką i czy żadna sekcja nie dodaje role="contentinfo" wewnątrz treści.
W Shoptet (CZ)
Zależy od struktury HTML szablonu. Sprawdź, czy nowsza wersja szablonu to poprawia; w przeciwnym razie zgłoś to Shoptet lub partnerowi.
W PrestaShop
Zwykle chodzi o pliki .tpl układu motywu, które dołączają stopkę. Upewnij się, że blok stopki następuje po zamknięciu kontenera treści głównej i nie leży w elemencie z rolą punktu orientacyjnego.
W WooCommerce
Zwykle footer.php motywu zamyka kontener treści za późno albo szablon stopki page buildera leży wewnątrz elementu z rolą punktu orientacyjnego. Popraw to w footer.php motywu potomnego lub w szablonie stopki buildera.
Normy
To nie kryterium WCAG, lecz zalecana praktyka, która ułatwia korzystanie ze strony.
Automatyczny test: reguła axe-core landmark-contentinfo-is-top-level.
dequeuniversity.com, github.com, www.w3.org