Kryterium 2.4.7 – Widoczność fokusu (Poziom AA) dotyczy jednego z kluczowych aspektów dostępności: czy użytkownik zawsze widzi, który element na stronie jest aktualnie aktywny podczas nawigacji za pomocą klawiatury.
To nie tylko kwestia komfortu – brak widocznego fokusu może całkowicie uniemożliwić korzystanie z witryny osobom z niepełnosprawnościami.
W tym artykule pokażemy, jak łatwo sprawdzić to kryterium — bez potrzeby znajomości kodu.
Co to jest „fokus”?
Fokus to aktywne zaznaczenie elementu interaktywnego, np. przycisku, linku, pola formularza. Gdy poruszasz się po stronie klawiaturą (klawiszem Tab), kolejne elementy powinny być wyraźnie podświetlane, np. przez ramkę, cień, kolor obramowania lub inne widoczne zaznaczenie.
Jak sprawdzić widoczność fokusu bez wiedzy technicznej?
1. Przetestuj stronę klawiaturą
Co zrobić?
-
Otwórz stronę internetową.
-
Naciśnij klawisz Tab – to przesunie fokus do kolejnego elementu interaktywnego.
-
Używaj Shift + Tab, by cofnąć się.
Na co zwrócić uwagę?
-
Czy widzisz, który element jest aktualnie zaznaczony?
-
Czy fokus nie znika w pewnych miejscach strony?
-
Czy wszystkie linki, przyciski, formularze i menu pokazują, że są aktywne?
Przykład błędu:
Przycisk jest aktywny z poziomu klawiatury, ale nie ma żadnego wizualnego efektu – nie wiadomo, że to on ma fokus.
Dlaczego to ważne?
-
Osoby niewidzące kursora myszy, np. korzystające z klawiatury, muszą wiedzieć, gdzie się znajdują na stronie.
-
Użytkownicy z ograniczoną mobilnością często polegają wyłącznie na klawiaturze – brak widocznego fokusu to dla nich blokada.
-
Fokus pomaga też osobom z trudnościami poznawczymi zorientować się w nawigacji.
Dobre praktyki
-
Zapewnij widoczny efekt podświetlenia dla każdego aktywnego elementu – np. ramkę, cień, zmianę koloru tła.
-
Nie usuwaj fokusu w stylach CSS (np.
outline: none) bez zamiennika. -
Przetestuj stronę tylko klawiaturą – sprawdź, czy można komfortowo poruszać się i widać aktualną pozycję.
-
Sprawdź stronę także na urządzeniach mobilnych z klawiaturami ekranowymi.
Podsumowanie
Kryterium 2.4.7 – Widoczność fokusu zapewnia, że każdy użytkownik wie, gdzie aktualnie znajduje się na stronie podczas korzystania z klawiatury. To prosty, ale niezwykle istotny aspekt dostępności.
Zadbaj o widoczność fokusu, a Twoja strona będzie bardziej dostępna, czytelna i intuicyjna – dla wszystkich użytkowników, niezależnie od sposobu obsługi.