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

2.4.12 Fokus nie jest zasłonięty (rozszerzony)

WCAG 2.4.12 Focus Not Obscured (Enhanced)

W skrócie

Element z fokusem nie jest zasłonięty nawet częściowo.

Poziom
AAA Najwyższy poziom – dobrowolny, warto go stosować tam, gdzie się da.
Czy to obowiązkowe?
Poziom AAA – dobrowolne · od WCAG 2.2
Kto w zespole odpowiada
Programowanie
Jak to wykryć
Tylko test ręczny

Komu i dlaczego to pomaga

Pełna widoczność aktywnego elementu dla osób korzystających z klawiatury i lup ekranowych.

  • Osoby z niepełnosprawnością ruchową
  • Osoby słabowidzące

Jak zrobić to dobrze

  • Dopasuj scroll-padding do wszystkich przyklejonych elementów.

Najczęstsze błędy

  • Fokus przykryty w połowie przez przyklejony element.

Jak to sprawdzić

  1. Przejdź Tabem i sprawdź, czy aktywny element jest zawsze w pełni widoczny.

Tylko test ręczny. Automat tego nie sprawdzi – potrzebny jest test ręczny lub audyt ekspercki.

Czy to obowiązkowe?

Poziom AAA – dobrowolne

Poziom AAA nie jest wymagany przez ustawę o dostępności cyfrowej ani przez European Accessibility Act. Warto go stosować tam, gdzie to możliwe – szczególnie w serwisach dla osób ze szczególnymi potrzebami.

Naucz się tego w praktyce

Zobacz wszystkie kursy dostępności

Powiązane kryteria

2.4.11

Fokus nie jest zasłonięty (minimum)

Poziom AA Nowe w 2.2

Element z fokusem nie może być całkowicie zasłonięty przez treści stworzone przez autora strony – np. przyklejony nagłówek, stopkę czy baner cookies.

Ostatnia aktualizacja: .
Źródło: Understanding SC 2.4.12: Focus Not Obscured (Enhanced) – oficjalne objaśnienie W3C (po angielsku).