Zasada 1: Postrzegalność 1.4 Rozróżnialność

1.4.13 Treści spod kursora lub fokusu

WCAG 1.4.13 Content on Hover or Focus

W skrócie

Treści pojawiające się po najechaniu myszą lub fokusie (dymki, podpowiedzi, podmenu) muszą dać się zamknąć klawiszem Esc, pozwolić najechać na siebie kursorem i nie znikać same, dopóki użytkownik z nich korzysta.

Poziom: AA Standard, którego wymaga prawo – usuwa najczęstsze bariery.
Czy to obowiązkowe?: Wymagane prawem
Kto w zespole odpowiada: Programowanie
Jak to wykryć: Tylko test ręczny

Komu i dlaczego to pomaga

Osoba korzystająca z lupy ekranowej musi przesunąć kursor na dymek, żeby go przeczytać. Jeśli dymek wtedy znika – nie ma szans.

Osoby słabowidzące
Osoby z niepełnosprawnością ruchową
Osoby z trudnościami poznawczymi

Jak zrobić to dobrze

Implementuj dymki tak, by: zamykały się Esc, pozostawały przy najechaniu na nie, znikały dopiero po zabraniu kursora/fokusu.

Najczęstsze błędy

Podpowiedź znikająca, gdy przesuwasz na nią kursor.
Dymek zasłaniający treść, którego nie da się zamknąć bez ruszania myszą.
Podmenu znikające po ułamku sekundy.

Jak to sprawdzić

Najedź kursorem na elementy z dymkami i przesuń kursor na dymek – nie powinien zniknąć.
Wywołaj dymek fokusem klawiatury i naciśnij Esc – powinien się zamknąć.

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

Czy to obowiązkowe?

Wymagane prawem

Kryterium poziomu AA z WCAG 2.1 – obowiązkowe dla podmiotów publicznych (ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych) oraz dla firm objętych European Accessibility Act (ustawa o zapewnianiu spełniania wymagań dostępności przez niektóre produkty i usługi). Brak zgodności trzeba wykazać w deklaracji dostępności.

Powiązane kryteria

2.1.1

Klawiatura

A Wymagane prawem

Wszystko, co da się zrobić myszą, musi dać się zrobić samą klawiaturą: menu, przyciski, formularze, suwaki, okna dialogowe, odtwarzacze.

3.2.1

Po otrzymaniu fokusu