Objaśnienie KS 2.4.7:Widoczny fokus (Poziom AA)

W skrócie

Cel

Użytkownicy wiedzą, który element ma fokus klawiatury

Zadanie autora

Zapewnij, że każdy element otrzymujący fokus ma widoczny wskaźnik fokusu.

Dlaczego to jest ważne

Bez wskaźnika fokusu widzący użytkownicy klawiatury nie mogą obsługiwać strony.

Intencja

Intencją tego kryterium sukcesu jest pomoc użytkownikowi w zorientowaniu się, na którym elemencie skupiony jest fokus klawiatury.

„Tryb działania” obejmuje programy użytkownika, które mogą nie zawsze wyświetlać wskaźnik fokusu lub wyświetlać go tylko wtedy, gdy używana jest klawiatura. Programy użytkownika mogą zoptymalizować wyświetlanie wskaźnika fokusu, na przykład pokazując go tylko wtedy, gdy używana jest klawiatura. Autorzy odpowiadają za zapewnienie przynajmniej jednego trybu działania, w którym fokus jest widoczny. W większości przypadków istnieje tylko jeden tryb działania, więc to kryterium sukcesu ma zastosowanie. Wskaźnik fokusu nie może być ograniczony czasowo, gdy wyświetlany jest fokus klawiatury, musi on być widoczny.

Należy pamiętać, że wskaźnik fokusu klawiatury może przybierać różne formy. Nowe w WCAG 22: Nowość w WCAG 22: To kryterium nie określa formy fokusu, ale KS 2.4.13 Wygląd fokusu zawiera wskazówki dotyczące tworzenia spójnego, widocznego wskaźnika.

Korzyści

• To kryterium sukcesu pomaga każdemu, kto korzysta ze strony przy użyciu klawiatury, umożliwiając wizualne określenie komponentu, na którym w dowolnym momencie będą wykonywane operacje na klawiaturze.
• Osoby z ograniczeniami uwagi, pamięci krótkotrwałej lub ograniczeniami w wykonywaniu czynności odnoszą korzyść, ponieważ mogą odkryć, gdzie znajduje się fokus.

Przykłady

• Gdy pola tekstowe otrzymują fokus, w polu wyświetlany jest pionowy pasek, wskazujący, że użytkownik może wstawić tekst, LUB cały tekst jest podświetlony, wskazując, że użytkownik może wpisywać tekst.
• Gdy kontrolka interfejsu użytkownika otrzymuje fokus, wyświetlane jest wokół niej widoczne obramowanie.

Powiązane zasoby

Zasoby służą wyłącznie celom informacyjnym. Nie należy traktować ich jako zaleceń.

• Styling form controls with CSS, revisited (Stylizacja kontrolek formularzy za pomocą CSS)

Techniki

Każdy numerowany element w tej sekcji reprezentuje technikę lub kombinację technik, które Grupa Robocza WCAG uważa za wystarczające do spełnienia tego kryterium sukcesu. Nie jest jednak konieczne stosowanie tych konkretnych technik. Aby uzyskać informacje na temat stosowania innych technik, zobacz Objaśnienie technik dla kryteriów sukcesu WCAG, szczególnie w sekcji „Inne techniki”.