Zasada 2: Funkcjonalność 2.4 Możliwość nawigacji

2.4.1 Możliwość pominięcia bloków

WCAG 2.4.1 Bypass Blocks

W skrócie

Musi istnieć sposób, by pominąć powtarzające się bloki (menu, nagłówek) i przejść od razu do treści – zwykle link „Przejdź do treści” na początku strony.

Poziom
A Podstawowe minimum – bez tego część osób w ogóle nie skorzysta ze strony.
Czy to obowiązkowe?
Wymagane prawem
Kto w zespole odpowiada
Programowanie
Jak to wykryć
Częściowo automatyczne

Wyjaśnienie prostym językiem: Link „Przejdź do treści”, Obszary strony (punkty orientacyjne)

Komu i dlaczego to pomaga

Bez tego osoba korzystająca z klawiatury musi na każdej podstronie przejść Tabem przez całe menu, nieraz kilkadziesiąt linków.

  • Osoby niewidome
  • Osoby z niepełnosprawnością ruchową

Jak zrobić to dobrze

  • Dodaj na początku <body> link do #main, widoczny przy fokusie.
  • Oznacz główną treść elementem <main id="main">.

Najczęstsze błędy

  • Brak linku „Przejdź do treści”.
  • Link istnieje, ale prowadzi donikąd (brak elementu docelowego) albo jest ukryty na stałe.
  • Brak nagłówków i punktów orientacyjnych (main, nav).

Przykład w kodzie

Dobrze
<a class="skip-link" href="#main">Przejdź do treści</a>
<nav>…</nav>
<main id="main" tabindex="-1">…</main>

Jak to sprawdzić

  1. Wejdź na stronę i naciśnij Tab – pierwszym elementem powinien być link „Przejdź do treści”, a Enter powinien przenieść fokus do głównej treści.

Częściowo automatyczne. Narzędzia wykryją część problemów (np. brak atrybutu), ale ocena jakości wymaga człowieka.

Czy to obowiązkowe?

Wymagane prawem

Kryterium poziomu A z WCAG 2.1 – obowiązkowe dla podmiotów publicznych (ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych) oraz dla firm objętych European Accessibility Act (ustawa o zapewnianiu spełniania wymagań dostępności przez niektóre produkty i usługi). Brak zgodności trzeba wykazać w deklaracji dostępności.

Naucz się tego w praktyce

Zobacz wszystkie kursy dostępności

Powiązane kryteria

1.3.1

Informacje i relacje

Poziom A Wymagane prawem

Struktura, którą widać na ekranie (nagłówki, listy, tabele, pola formularza z etykietami, grupy), musi być też zapisana w kodzie – tak, żeby czytnik ekranu mógł ją odczytać.

2.4.6

Nagłówki i etykiety

Poziom AA Wymagane prawem

Nagłówki i etykiety pól opisują temat lub cel tego, czego dotyczą.

Ostatnia aktualizacja: .
Źródło: Understanding SC 2.4.1: Bypass Blocks – oficjalne objaśnienie W3C (po angielsku).