WCAG 1.4.13 Treść spod kursora lub fokusu

Kryterium sukcesu 1.4.13 pomaga osobom, które mocno powiększają stronę, używają lupy ekranowej, mają drżenie rąk lub korzystają z klawiatury. Okienka otwierające się po najechaniu lub otrzymaniu fokusu mogą zasłonić to, co czytają, albo zniknąć, zanim zdążą przesunąć do nich mysz. Kryterium dodano w WCAG 2.1, ma poziom AA i jest częścią normy EN 301 549 (punkt 9.1.4.13).

Czego wymaga kryterium

Gdy najechanie wskaźnikiem lub fokus klawiatury powoduje pojawienie się, a potem ukrycie dodatkowej treści (własne podpowiedzi, podmenu, mega menu, okienka podglądu), muszą być spełnione wszystkie trzy warunki:

• Możliwość zamknięcia: istnieje sposób zamknięcia treści bez przesuwania wskaźnika lub fokusu, zwykle klawisz Escape — chyba że treść informuje o błędzie wprowadzania danych albo nie zasłania i nie zastępuje innej treści;
• Możliwość najechania: jeśli treść może pojawić się po najechaniu, wskaźnik może przesunąć się nad dodatkową treść, a ona nie znika;
• Trwałość: treść pozostaje widoczna, dopóki wyzwalacz nie zostanie usunięty, użytkownik jej nie zamknie albo jej informacja nie przestanie być aktualna.

Wyjątek: treść, której prezentacją wizualną steruje przeglądarka i której autor nie zmienił, np. podpowiedzi z atrybutu title.

Nie są objęte: okna modalne (muszą przejąć fokus) oraz elementy, które same pojawiają się po otrzymaniu fokusu, np. linki pomijające (skip links).

Typowe błędy w sklepie internetowym

• mega menu, które zamyka się, gdy mysz przechodzi przez małą szczelinę między pozycją menu a panelem;
• menu lub podgląd minikoszyka, który otwiera się po najechaniu i nie da się go zamknąć klawiszem Escape, choć zasłania stronę;
• podpowiedź o rozmiarze lub dostawie, która znika po kilku sekundach;
• powiększanie zdjęcia produktu po najechaniu, które zasłania szczegóły produktu i nie da się go zamknąć;
• okienko pomocy otwierane po otrzymaniu fokusu, które zasłania kolejne pole formularza i zamyka się dopiero po przeniesieniu fokusu.

Jak to sprawdzić

Automatycznie: w naszym skanerze żadna reguła automatyczna nie odpowiada temu kryterium. Test wymaga najeżdżania, przesuwania myszy i naciskania klawiszy przy obserwowaniu efektu. Potrzebna jest ręczna kontrola.

Ręcznie: dla każdego elementu, który po najechaniu lub otrzymaniu fokusu pokazuje dodatkową treść: (1) najechać na niego, a potem przesunąć mysz na okienko — musi pozostać; (2) przy otwartym okienku nacisnąć Escape bez przesuwania myszy lub fokusu — powinno się zamknąć; (3) odczekać — nie może zniknąć po upływie czasu; (4) powtórzyć z klawiaturą, używając klawisza Tab. Zrobić to także przy powiększeniu 200 %.

Jak to naprawić

• Zamykać okienka otwierane po najechaniu i fokusie klawiszem Escape.
• Utrzymywać wyzwalacz i okienko stykające się ze sobą albo dodać niewielkie opóźnienie przed zamknięciem, by wskaźnik mógł się przesunąć.
• Usunąć liczniki czasu, które automatycznie ukrywają podpowiedzi.
• Otwierać tę samą treść po otrzymaniu fokusu klawiatury albo po kliknięciu dla użytkowników ekranów dotykowych.
• Dla dużych menu i minikoszyków preferować przyciski rozwijane kliknięciem.

Powiązane kryteria

• 1.4.10 Dopasowanie do ekranu — treść przy dużym powiększeniu.
• 1.4.11 Kontrast elementów nietekstowych — widoczne wskaźniki fokusu i ikony.
• Lista kontrolna WCAG 2.2 — w tym 2.4.11 Fokus niezasłonięty i 3.2.1 Po otrzymaniu fokusu.

Najczęstsze pytania

Co oznaczają warunki: możliwość zamknięcia, możliwość najechania i trwałość?

Możliwość zamknięcia: użytkownik może zamknąć okienko bez przesuwania myszy lub fokusu, zwykle klawiszem Escape. Możliwość najechania: mysz może przesunąć się na okienko, a ono nie znika. Trwałość: okienko pozostaje otwarte, dopóki użytkownik się nie oddali, nie zamknie go albo jego treść nie przestanie być aktualna.

Czy objęte są podpowiedzi z atrybutu title?

Nie. Treść, której prezentacją steruje przeglądarka i której autor nie zmienił, np. podpowiedź z atrybutu HTML title, jest zwolniona.

Czy mega menu podlega 1.4.13?

Tak, jeśli otwiera się po najechaniu lub otrzymaniu fokusu. Objęte są podmenu, własne podpowiedzi i inne niemodalne okienka wyświetlane po najechaniu lub otrzymaniu fokusu.

Czy narzędzie automatyczne przetestuje 1.4.13?

Nie. Wymaga to najeżdżania, ustawiania fokusu i naciskania klawisza Escape oraz obserwowania efektu, więc jest to kontrola ręczna.