Zalecana praktyka Priorytet: Umiarkowane
Na stronie nie oznaczono głównej treści
Żadna część strony nie jest oznaczona jako główna treść, więc technologie wspomagające nie wiedzą, gdzie zaczyna się to, co najważniejsze. 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. Tu brakuje rozdziału „główna treść”, więc na każdej stronie produktu czy kategorii muszą wysłuchać logo, menu i banerów, zanim dotrą do produktów.
Kogo to dotyczy
- osoby niewidome korzystające z czytników ekranu
- użytkownicy klawiatury
- osoby z niepełnosprawnością ruchową korzystające z przełączników
Jak to naprawić
Opakuj centralną treść każdego szablonu strony, czyli wszystko między nagłówkiem a stopką, jednym elementem <main> (lub kontenerem z role="main"). Nie umieszczaj w nim nagłówka, nawigacji ani stopki. Sprawdź każdy typ szablonu: strona główna, kategoria, produkt, koszyk, kasa, blog i strony statyczne.
W Shopify
Większość aktualnych motywów ma <main> w layout/theme.liquid; starsze lub własne motywy mogą używać zwykłego <div>. Zmień to opakowanie wokół {{ content_for_layout }} na <main id="MainContent">.
W Shoptet (CZ)
Zwykle określa to szablon, więc trudno zmienić to samodzielnie. Zgłoś to Shoptet lub partnerowi i poproś o element <main> wokół treści strony.
W PrestaShop
Zwykle ustawione w plikach układu motywu (.tpl), na przykład w układzie używanym przez wszystkie strony. Zmień opakowanie treści na <main> w każdym pliku układu lub w motywie potomnym.
W WooCommerce
Zwykle header.php/footer.php motywu otwierają i zamykają opakowanie treści znacznikiem <div>. W motywie potomnym zmień je na <main> lub ustaw znacznik kontenera treści na main w kreatorze stron, jeśli to umożliwia.
Normy
To nie kryterium WCAG, lecz zalecana praktyka, która ułatwia korzystanie ze strony.
Automatyczny test: reguła axe-core landmark-one-main.
dequeuniversity.com, github.com, www.w3.org