Cel kryterium – czyli o co chodzi?
Fokus, czyli widoczny wskaźnik aktywnego elementu, odgrywa kluczową rolę w nawigacji po stronie internetowej. Kryterium 2.4.11 (poziom AA) wprowadza wymóg, aby wskaźnik fokusu był zawsze przynajmniej częściowo widoczny, nawet jeśli strona zawiera elementy nakładające się na interaktywną treść.
Kto skorzysta z tego rozwiązania?
Poprawna widoczność fokusu jest szczególnie istotna dla:
- Osób korzystających wyłącznie z klawiatury do nawigacji – bez widocznego fokusu mogą stracić orientację na stronie.
- Osób z ograniczoną sprawnością ruchową, które używają alternatywnych urządzeń wejściowych.
- Każdego użytkownika, który chce szybko odnaleźć aktywny element interfejsu, zwłaszcza w rozbudowanych aplikacjach internetowych.
Co oznacza „częściowa widoczność” fokusu?
Dokumentacja WCAG 2.2 nie określa dokładnie, jaka część fokusu musi pozostać widoczna, ale zasada jest prosta – im więcej widać, tym lepiej. Kluczowe jest unikanie sytuacji, w których:
- Elementy interaktywne znajdują się pod nałożonymi warstwami (np. okno cookie lub pasek powiadomień całkowicie zasłania fokus).
- Stałe nagłówki lub stopki przesłaniają aktywne elementy przy przewijaniu strony.
- Okna modalne blokują interaktywne elementy znajdujące się w tle, uniemożliwiając ich podświetlenie.
Jak spełnić to kryterium?
Aby zapewnić użytkownikom prawidłową widoczność fokusu, warto zastosować następujące rozwiązania:
- Odpowiednie projektowanie układu
Elementy nawigacyjne, takie jak nagłówki lub paski boczne, powinny być zaprojektowane tak, aby nie zasłaniały całkowicie aktywnych elementów na stronie.
- Elastyczna warstwowość elementów
Jeżeli stosujemy pływające okna informacyjne (np. zgody cookie), należy upewnić się, że nie blokują one interaktywnych elementów znajdujących się pod nimi.
- Poprawna obsługa okien modalnych
Jeśli strona zawiera okna dialogowe, należy:
- Zapewnić, że użytkownik może je łatwo zamknąć.
- Ograniczyć fokus tylko do interaktywnych elementów w obrębie okna modalnego.
- Zadbać, aby elementy pod spodem były częściowo widoczne lub zablokowane dla nawigacji klawiaturą.
Dlaczego to jest ważne?
Brak widocznego fokusu może sprawić, że użytkownicy nawigujący za pomocą klawiatury lub technologii asystujących nie będą w stanie efektywnie korzystać ze strony. Wprowadzenie tej zasady pozwala uniknąć sytuacji, w których ważne elementy interfejsu stają się niedostępne.
Czy wiesz, że?
Poprawna widoczność fokusu nie tylko poprawia dostępność, ale także wpływa na ogólną użyteczność strony. Nawet osoby korzystające z myszy mogą zyskać na lepiej zaprojektowanych interaktywnych elementach, które są czytelniejsze i bardziej intuicyjne w obsłudze.
Dbając o widoczność fokusu, projektujemy strony bardziej dostępne i przyjazne dla wszystkich użytkowników!
