Zalecana praktyka Priorytet: Drobne
Część treści znajduje się poza głównymi obszarami strony
Niektóre fragmenty strony nie są umieszczone w punktach orientacyjnych (landmarks), takich jak nagłówek, nawigacja, treść główna czy stopka. To zalecana dobra praktyka wykraczająca poza poziom WCAG 2.2 AA.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Osoby korzystające z czytników ekranu często przeskakują między obszarami strony (nagłówek, menu, treść główna, stopka), aby szybko coś znaleźć. Treść poza tymi obszarami, np. pasek promocji, informacja o cookies czy blok newslettera, może zostać pominięta albo znaleziona dopiero po przeczytaniu całej strony linijka po linijce.
Kogo to dotyczy
- osoby korzystające z czytników ekranu
- osoby niewidome i słabowidzące
Jak to naprawić
Umieść całą widoczną treść w elementach punktów orientacyjnych: <header>, <nav>, <main>, <aside> i <footer> (lub odpowiadających im rolach ARIA). Przenieś „zabłąkane” bloki, takie jak paski ogłoszeń, banery i formularze newslettera, do właściwego obszaru i upewnij się, że każda strona ma dokładnie jeden <main>. Okna pop-up i banery cookies można oznaczyć jako okno dialogowe lub nazwany region.
W Shopify
Plik layout/theme.liquid motywu zwykle ma już nagłówek, <main> i stopkę; ostrzeżenie powodują sekcje lub bloki aplikacji wstawione poza nimi. Przenieś je do właściwej grupy albo otocz punktem orientacyjnym w kodzie Liquid.
W Shoptet (CZ)
Zależy od szablonu; HTML dodany przez opcje własnego kodu w Shoptet też może trafić poza punkty orientacyjne. Warto otoczyć własny kod elementem punktu orientacyjnego, a w sprawie szablonu zgłosić się do Shoptet lub partnera.
W PrestaShop
Sprawdź pliki układu .tpl motywu pod kątem bloków wyświetlanych poza nagłówkiem, treścią główną i stopką, zwłaszcza hooków modułów, np. banerów. Otocz je odpowiednim punktem orientacyjnym w szablonach motywu.
W WooCommerce
Często przyczyną są sekcje page buildera lub treść wtyczek poza <main> motywu. Dostosuj szablony nagłówka i stopki w motywie potomnym albo użyj ustawienia znacznika HTML sekcji w builderze, jeśli je ma.
Normy
To nie kryterium WCAG, lecz zalecana praktyka, która ułatwia korzystanie ze strony.
Automatyczny test: reguła axe-core region.
dequeuniversity.com, github.com, www.w3.org