Cel kryterium – czyli o co chodzi?
Kryterium 2.4.13 dotyczy treści, które pojawiają się dopiero po najechaniu kursorem myszy (hover) lub po ustawieniu fokusu klawiatury (focus). Celem tego wymogu jest zapewnienie, że takie dodatkowe informacje są stabilne, czytelne i dostępne, zwłaszcza dla użytkowników, którzy korzystają z klawiatury, lupy ekranowej lub innych technologii wspomagających.
Jeśli jakiś tekst lub element wizualny pojawia się tylko tymczasowo – np. podpowiedź, rozwijane menu lub dymek z informacją – to użytkownik musi mieć realną możliwość zapoznania się z jego treścią.
Kluczowe punkty:
Widoczność na żądanie:
Treść wyświetlana przy fokusie lub hoverze nie może znikać natychmiast, gdy użytkownik przesunie kursor lub straci fokus. Musi pozostać na tyle długo, aby dało się ją przeczytać.
Możliwość zamknięcia:
Użytkownik powinien mieć opcję zamknięcia treści dodatkowej, jeśli przeszkadza mu w korzystaniu z witryny – np. kliknięciem przycisku „X” lub klawiszem Escape.
Treść nie może znikać bez powodu:
Elementy takie jak podpowiedzi lub dymki informacyjne nie mogą znikać automatycznie tylko dlatego, że użytkownik na moment poruszy myszką lub traci fokus z pola.
Przykłady:
Poprawnie:
Po ustawieniu fokusu na polu formularza pojawia się podpowiedź z instrukcją. Użytkownik może odczytać treść w swoim tempie, a okno można zamknąć klikając „Zamknij” lub naciskając Esc. Nawet jeśli przesunie kursor myszki, treść pozostaje widoczna.
Błędnie:
Na stronie internetowej, po najechaniu myszką na ikonę „?”, pojawia się informacja o danym polu, ale znika natychmiast, gdy użytkownik przypadkowo poruszy myszą. Osoba korzystająca z powiększenia ekranu nie ma szans odczytać treści.
Czy wiesz, że?
Osoby korzystające z powiększenia ekranu często widzą jedynie fragment witryny. Jeśli treść pojawia się w innym miejscu niż fokus, mogą jej nawet nie zauważyć. Z kolei osoby poruszające się tylko za pomocą klawiatury muszą mieć możliwość zapoznania się z dodatkowymi treściami bez presji czasu i przypadkowego ich utracenia.
Dobrze zaprojektowana interakcja z treścią na hover lub focus to nie tylko kwestia zgodności z WCAG – to także większy komfort dla wszystkich użytkowników.
