Zalecana praktyka Priorytet: Umiarkowane
Link „Przejdź do treści” nie działa
Strona ma link pomijający, ale miejsce, do którego prowadzi, nie istnieje albo nie może otrzymać fokusu. 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 klawiatury wybierają „Przejdź do treści”, aby pominąć menu, ale nic się nie dzieje albo fokus wraca na górę strony. Na każdej stronie muszą więc przechodzić klawiszem Tab przez cały nagłówek i menu, co spowalnia i męczy przy przeglądaniu oferty i składaniu zamówienia.
Kogo to dotyczy
- osoby korzystające z klawiatury zamiast myszy
- osoby korzystające z czytników ekranu
- osoby z niepełnosprawnością ruchową
Jak to naprawić
Upewnij się, że href linku pomijającego (np. #MainContent) odpowiada id elementu obecnego na każdej stronie, zwykle elementu <main>. Jeśli ten cel domyślnie nie przyjmuje fokusu, dodaj mu tabindex="-1". Przetestuj: wczytaj stronę, naciśnij raz Tab, potem Enter; kolejne naciśnięcie Tab powinno trafić do treści głównej.
W Shopify
Większość motywów umieszcza link pomijający w layout/theme.liquid, wskazując id treści głównej. Jeśli własny szablon lub sekcja zmieniły albo usunęły to id, przywróć je w kodzie Liquid.
W Shoptet (CZ)
Zależy od szablonu. Jeśli dodano własny link pomijający przez własny kod, warto sprawdzić, czy jego cel istnieje; w przeciwnym razie zgłosić to do Shoptet lub partnera.
W PrestaShop
Sprawdź pliki układu .tpl motywu: id celu linku pomijającego musi odpowiadać elementowi obecnemu na każdym typie strony, także na stronach produktu i koszyka.
W WooCommerce
Link pomijający zwykle pochodzi z szablonu nagłówka motywu, a jego cel z szablonu treści. Page buildery i puste szablony często usuwają cel; dodaj odpowiednie id w motywie potomnym lub w ustawieniach buildera.
Normy
To nie kryterium WCAG, lecz zalecana praktyka, która ułatwia korzystanie ze strony.
Automatyczny test: reguła axe-core skip-link.
dequeuniversity.com, github.com, www.w3.org