WCAG 2.2 – Kryterium 2.4.13 – wygląd fokusu (Poziom AAA)

Dzisiaj omawiamy kolejne kryterium WCAG 2.2. Pamiętajcie, że więcej o WCAG 2.2. możecie posłuchać na naszych webinarach, które są opublikowane między innymi na kanale YouTube Kinaole.

WCAG 2.4.13 wygląd fokusu

Kryterium WCAG 2.4.13, którym zajmiemy się dzisiaj, jak poprzednie dwa, także dotyczy fokusu. Tym razem jednak skupimy się na samym jego znaczniku, czyli widocznym obramowaniu, które otacza aktywny element. Otóż, aby spełnić kryterium WCAG 2.4.13 wygląd fokusu, owa ramka powinna mieć minimum 2 piksele szerokości oraz odpowiedni kontrast, czyli 3:1 w stosunku do tych samych pikseli, gdy element nie posiada fokusu.

Czy od tego kryterium są wyjątki?

Standardowo. Są wśród nich dwie sytuacje:

• Użytkownik może zmienić znacznik fokusu w swoim urządzeniu i autor treści nie ma na to wpływu.
• Urządzenie, na przykład w trybie ciemnym, modyfikuje kontrasty, aby nie były zbyt intensywne.

A jeśli zastosujemy kryterium 2.4.13, to komu pomagamy?

Przede wszystkim osobom słabowidzącym, które poruszają się po stronie korzystając z klawiatury. Dla takich użytkowników czym większy kontrast, tym lepiej, bo szybciej odnajdą, gdzie na stronie się znajdują.

Drugą istotną grupą użytkowników, którzy skorzystają na wprowadzeniu tego kryterium, są osoby z trudnościami poznawczymi lub neuroróżnorodne. Wyraźnie widoczny znacznik fokusu pomoże im się odnaleźć i wspiera ich koncentrację.