Zalecana praktyka Priorytet: Drobne
Strona ma więcej niż jedną główną stopkę
Strona oznacza kilka obszarów jako stopkę serwisu, na przykład stopkę sklepu i drugą stopkę w wyskakującym oknie lub widżecie. To zalecana praktyka wykraczająca poza poziom WCAG 2.2 AA, na którym opiera się prawo.
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 przeskakują między obszarami strony (nagłówek, menu, główna treść, stopka) jak między rozdziałami książki. Przy dwóch stopkach nie wiedzą, w której są dane kontaktowe, zasady zwrotów i linki prawne, i mogą zrezygnować z szukania.
Kogo to dotyczy
- osoby niewidome korzystające z czytników ekranu
- osoby poruszające się między obszarami strony za pomocą klawiatury
- starsi klienci korzystający z narzędzi wspomagających
Jak to naprawić
Zostaw dokładnie jedną stopkę dla całej strony: <footer> będący bezpośrednią częścią treści strony (nie wewnątrz <article>, <section>, <main> ani <aside>) albo jeden element z role="contentinfo". Usuń role="contentinfo" z pozostałych bloków, a dodatkowe stopki na poziomie strony zamień na zwykłe <div> lub przenieś do sekcji, do której należą.
W Shopify
Zwykle przyczyną jest sekcja stopki dodana dwa razy albo aplikacja wstawiająca własny <footer>. Sprawdź grupę stopki w layout/theme.liquid i sekcje, które wyświetla; poproś twórcę aplikacji o użycie <div>.
W Shoptet (CZ)
Zwykle wynika z szablonu lub własnego fragmentu kodu dodanego do stopki. Najpierw sprawdź HTML dodany przez siebie; jeśli duplikat jest w szablonie, zgłoś to Shoptet lub partnerowi.
W PrestaShop
Zwykle to szablon stopki motywu plus moduł, który wyświetla kolejny <footer> na poziomie strony. Edytuj nadpisanie szablonu modułu w motywie lub plik .tpl stopki motywu.
W WooCommerce
Zwykle to szablon stopki z kreatora stron plus własna stopka motywu albo wtyczka dodająca role="contentinfo". Wyłącz jedną ze stopek w ustawieniach kreatora lub motywu albo popraw kod w footer.php motywu potomnego.
Normy
To nie kryterium WCAG, lecz zalecana praktyka, która ułatwia korzystanie ze strony.
Automatyczny test: reguła axe-core landmark-no-duplicate-contentinfo.
dequeuniversity.com, github.com, www.w3.org