WCAG 2.1. – kryterium 1.4.13 – Treść spod kursora lub fokusu (poziom AA)

Raczej nie lubimy być zaskakiwani, prawda? Tym bardziej negatywnie.

O kryterium 1.4.13 – Treść spod kursora lub fokusu (poziom AA)

Kryterium 1.4.13 w pewnym sensie odnosi się właśnie do tego, by element uzyskując fokus bądź po najechaniu myszką, niespodziewanie nie spowodował nam nieodwracalnych zmian na stronie (na przykład pokazania się dodatkowej treści).

Jakie są wyjątki od tej reguły?

• Dodatkową treść jesteśmy w stanie odrzucić (za pomocą klawisza esc) bez przesuwania wskaźnika myszy lub fokusu klawiatury, chyba że dodatkowa treść to komunikat błędu (w formularzu) lub nie zasłania ani nie zastępuje innej treści.
• Dodatkowa zawartość wyświetlona po najechaniu wskaźnikiem myszy, pozostaje nadal widoczna pomimo przesunięcia wskaźnika na ten element.

Przykładem nowo pojawiającego się elementu może być na przykład tooltip. Jest to podpowiedź, dzięki której uzyskujemy więcej informacji – występuje często podczas wypełniania formularza. Ważne jest, by był on prawidłowo zaimplementowany oraz dostępny z klawiatury. W takim przypadku zarówno osoby korzystające z czytnika ekranu jak i klawiatury, będą mogły uzyskać pomoc. 

Przykłady prawidłowych implementacji tooltip’a:

https://dequeuniversity.com/library/aria/tooltip

Referencja do WCAG:

https://www.w3.org/WAI/WCAG21/Understanding/content-on-hover-or-focus.html