Kryterium 1.4.13 – Treści przy fokusie lub najechaniu to jedno z nowych wymagań wprowadzonych w WCAG 2.1 (Poziom AA). Dotyczy ono dodatkowych treści, które pojawiają się po najechaniu kursorem lub po ustawieniu fokusu klawiatury. Kryterium zapewnia, że takie informacje są widoczne, stabilne i możliwe do odczytania przez wszystkich użytkowników – niezależnie od tego, czy korzystają z myszki, klawiatury czy technologii asystujących.
W tym artykule pokażemy, jak sprawdzić zgodność z tym kryterium – bez potrzeby znajomości kodu czy narzędzi deweloperskich.
Co oznacza „treść przy fokusie lub najechaniu”?
Chodzi o sytuacje, w których po interakcji użytkownika z elementem interfejsu (np. ikoną, linkiem, polem formularza), pojawia się dodatkowa treść – np.:
-
podpowiedź (tooltip),
-
rozwijane menu,
-
komunikat informacyjny lub ostrzegawczy.
Kryterium 1.4.13 mówi, że taka treść musi spełniać 3 zasady:
-
Znika tylko na żądanie użytkownika – nie może znikać automatycznie (np. po 3 sekundach), chyba że użytkownik ją odrzuci.
-
Jest dostępna na klawiaturze – musi się pojawić także przy nawigacji klawiszem Tab.
-
Nie zasłania treści – nie może przysłaniać innych informacji, chyba że to konieczne.
Jak sprawdzić zgodność z kryterium 1.4.13 bez wiedzy technicznej?
1. Przetestuj interakcje myszką i klawiaturą
Co zrobić?
Najeżdżaj kursorem na różne elementy strony – przyciski, ikony, pola formularzy – i sprawdzaj, czy pojawiają się dodatkowe treści (np. dymki z opisem).
Następnie spróbuj przejść po tych samych elementach klawiszem Tab – to symuluje interakcję użytkownika niewidomego lub korzystającego z klawiatury.
Na co zwrócić uwagę?
-
Czy treść pojawia się zarówno po najechaniu myszką, jak i po fokusie z klawiatury?
-
Czy masz czas, aby ją przeczytać? Czy znika automatycznie?
-
Czy nie przysłania istotnych informacji na stronie?
Przykład błędu:
Po najechaniu na ikonę „x” pojawia się informacja, która znika po 2 sekundach – zanim użytkownik zdoła ją przeczytać lub nawet zauważyć.
2. Przetestuj korzystanie z technologii asystujących
Co zrobić?
Jeśli masz możliwość, włącz czytnik ekranu (np. NVDA, VoiceOver, Narrator) i poruszaj się po stronie za pomocą klawiatury.
Na co zwrócić uwagę?
-
Czy dodatkowe treści są odczytywane przez czytnik?
-
Czy są dostępne przy nawigacji klawiaturą?
Uwaga: Nie musisz robić tego samodzielnie – użytkownik testujący z niepełnosprawnością może szybko wychwycić takie problemy, dlatego warto przeprowadzić testy z udziałem realnych użytkowników.
Dlaczego to ważne?
Treści pojawiające się dynamicznie (np. podpowiedzi, błędy, ostrzeżenia) zawierają często istotne informacje. Jeżeli znikają zbyt szybko, są niedostępne dla użytkowników klawiatury lub zasłaniają inne treści, mogą utrudnić zrozumienie interfejsu i powodować frustrację.
To szczególnie dotyczy:
-
osób z ograniczeniami ruchowymi,
-
niewidomych i niedowidzących,
-
osób z zaburzeniami poznawczymi.
Podsumowanie
Kryterium 1.4.13 – Treści przy fokusie lub najechaniu zwiększa dostępność dynamicznych informacji i zapobiega problemom z ich odbiorem. Zapewnia, że wszyscy użytkownicy – niezależnie od sposobu nawigacji – mają równy dostęp do treści, które nie znikają zbyt wcześnie, są dostępne z klawiatury i nie zasłaniają innych informacji.
Dobre praktyki:
-
Upewnij się, że dymki i podpowiedzi pojawiają się również przy nawigacji klawiaturą.
-
Nie stosuj automatycznego znikania komunikatów (lub zapewnij przycisk „zamknij”).
-
Projektuj pojawiające się treści tak, aby nie kolidowały z innymi elementami.
-
Przetestuj stronę zarówno myszką, jak i klawiaturą.
Dzięki temu strona będzie intuicyjna, dostępna i bardziej przyjazna dla wszystkich użytkowników, również tych korzystających z technologii wspomagających.