Wiele odnośników pomijających na dużych stronach

Na małej stronie jeden link pomijania w zupełności wystarczy. Złożone układy mają jednak kilka powtarzających się regionów, a użytkownicy mogą chcieć przejść nie tylko do main.

Użytkownik może chcieć przejść do pola wyszukiwania, głównej nawigacji lub stopki, a nie zawsze do artykułu. Należy udostępnić miejsca, do których rzeczywiście chce przechodzić.

Typowy zestaw to Przejdź do treści, Przejdź do nawigacji, Przejdź do wyszukiwania. Należy zachować zwięzłość, aby sama lista nie stała się uciążliwa.

Linki omijania należy umieścić w małym regionie nav, aby były odczytywane jako jeden spójny zestaw skrótów na górze strony.

Kontenerowi należy nadać aria-label, na przykład „Linki pomijania”. Bez nazwy dwa elementy nav na jednej stronie brzmią dla użytkownika czytnika ekranu identycznie.

Każdy skrót nadal potrzebuje prawdziwego id, na którym może się zatrzymać. „Przejdź do wyszukiwania” wskazuje region wyszukiwania, „Przejdź do nawigacji” wskazuje menu itd.

Tak jak wcześniej, do każdego celu należy dodać tabindex równy minus jeden, aby fokus niezawodnie się na nim zatrzymywał po aktywowaniu odpowiadającego mu linku.

Należy oprzeć się pokusie dodawania skrótu do wszystkiego. Zbyt wiele linków pomijania samo staje się blokiem powtarzającej się treści, przez który trzeba przechodzić klawiszem Tab.

Warto pamiętać, że dobrze zdefiniowane punkty orientacyjne już pozwalają użytkownikom czytników ekranu przechodzić z regionu do regionu. Dodatkowe linki pomijania służą głównie widzącym użytkownikom klawiatury.

Skróty należy ułożyć w rozsądnej kolejności, zwykle zaczynając od treści, ponieważ właśnie po nią przyszła większość osób. Rzadziej używane skróty należy umieścić na końcu.

Przejdź klawiszem Tab przez cały zestaw i aktywuj każdy skrót. Za każdym razem sprawdź, czy fokus trafia do właściwego regionu, a nie do elementu obok. ✅

Na dużych stronach należy udostępnić kilka linków pomijania w nazwanym elemencie nav, z których każdy ma własny cel dostępny za pomocą fokusu. Zestaw powinien być krótki i zaczynać się od treści. 🎯