Nawigacja - Widoczny fokus
Nazwa testu | ID testu | Warunek testowy |
---|---|---|
2.4.7-widoczny-fokus | ?? | Gdy fokus znajduje się na komponencie interfejsu użytkownika, widoczny jest graficzny wskaźnik fokusu. |
Cel testu
Celem tego testu jest ustalenie, czy podczas nawigacji sekwencyjnej klawiszem Tab po stronie każdy komponent interfejsu użytkownika, który otrzymał fokus i jest gotowy na odbieranie zdarzeń związanych z naciskaniem klawiatury, ma widoczne oznaki fokusu.
Dlaczego to jest ważne?
Osoby, które obsługują stronę internetową tylko za pomocą klawiatury muszą wiedzieć, który z elementów interaktywnych na stronie jest aktualnie w stanie gotowości na odbieranie zdarzeń związanych z naciskaniem klawiatury. Taki stan nazywa się skupieniem, punktem uwagi albo z angielskiego fokusem. W otwartym oknie strony lub aplikacji tylko jeden element w danym momencie może się znajdować w stanie skupienia.
Wizualny sygnał stanu skupienia jest również bardzo pomocny osobom z ograniczeniami uwagi, pamięci krótkotrwałej, zręczności, procesów wykonawczych.
Fokus można przenosić z jednego elementu na następny za pomocą klawiszy Tab oraz Shift+Tab, a wewnątrz złożonych elementów za pomocą klawiszy strzałek.
Elementy mogą się znaleźć w stanie skupienia także w wyniku kliknięcia myszą, ale w reakcji na kliknięcie wykonują zwykle jeszcze dodatkowe funkcje.
Wskaźnik fokusu może przybierać różne formy: obramowania elementu, migającego kursora (karetka) w polu tekstowym, wizualnej zmiany wyglądu przycisku.
Twórcy stron i aplikacji mogą umożliwiać i wyłączać możliwość otrzymywania fokusu przez elementy strony, a także zmieniać kolejność przenoszenia fokusu, korzystając z atrybutu tabindex
oraz ze skryptów.
Mapowanie do wymagań dostępności
2.4.7 Widoczny fokus - poziom AA: Każdy interfejs posiadający możliwość obsługi przy pomocy klawiatury ma tryb obsługi, w którym fokus klawiatury jest stale widoczny.
Metoda badania:
Kontrola wizualna. Test nawigacji za pomocą klawiatury
Zastosowanie
Wszystkie interaktywne elementy strony, np. łącza, kontrolki formularzy, rozwijane menu, rozwijane panele (karty, harmonijki, drzewa), okienka wyskakujące, lightboksy, ramki, ramki włączone (iframes).
Założenia, ograniczenia, wyjątki
- W porządku tabulacji mogą być niektóre elementy interfejsu, które nie są zwykle uważane za interaktywne (np. tekst instrukcji wypełniania formularzy). Takie komponenty interfejsu powinny otrzymywać widoczny fokus, gdy użytkownik nawiguje do nich za pomocą klawiatury.
- Częścią tego testu jest widoczność fokusu na łączach pomijających.
- Przełączanie fokusu na odkrywane treści nie jest tutaj testowane.
- Podczas ręcznego przesuwania fokusu przez stronę (za pomocą Tab lub klawiszy strzałek) nie powinno wystąpić zniknięcie fokusu. Jednak po uruchomieniu funkcji, która przemieszcza fokus (np. odsłonięcie wewnętrznego łącza strony lub ukrytej zawartości), może być konieczne ręczne przesunięcie fokusu za pomocą klawiatury, zanim fokus stanie się ponownie widoczny. To nie jest uważane za defekt.
Obsługa dostępności
do opracowania
Oczekiwania:
Kryterium sukcesu: 2.4.7 Widoczny fokus
- Wskaźnik punktu uwagi (fokus) podczas nawigacji klawiaturą po stronie jest zawsze widoczny i wyraźny:
- Kontur, tło lub podkreślenie ma współczynnik kontrastu 4,5:1 w stosunku do tła.
- Zmiana koloru obiektu ma współczynnik kontrastu pomiędzy dwoma kolorami wynoszący co najmniej 3:1
Uwaga: Wyrazistość widocznego fokusu jest subiektywna. Minimalnym wymaganym poziomem wyrazistości są domyślne ustawienie wyświetlacza przeglądarki (lub platformy systemu operacyjnego).
Uwaga2: Wskaźnik fokusu może przybierać różne formy: obramowania elementu, migającego kursora w polu tekstowym, wizualnej zmiany wyglądu przycisku.
Metoda badania
Nawigacja klawiaturą, kontrola wzrokowa
Ręczna nawigacja lub sterowanie interfejsem tylko za pomocą klawiatury umożliwi testerowi rozpoznanie, kiedy nie ma wizualnego rozróżnienia między elementem posiadajacym fokus a resztą interfejsu lub zawartości.
Pomocne narzędzia:
Procedura testowania:
Uwaga: W środowisku testowym podczas testowania nie należy używać żadnych narzędzi modyfikujących wygląd fokusu. Niektóre narzędzia testowe dodają widoczny kontur wokół elementów, które otrzymują fokus. Chociaż takie narzędzia mogą być pomocne w śledzeniu fokusu, to w testowaniu zgodności z KS 2.4.7 Widoczny fokus nie mogą być stosowane, bo spowodują uzyskanie nieprawdziwych wyników testu.
- Użyj klawiatury, aby poruszać się po wszystkich interaktywnych komponentach strony.
- Użyj Tab i kombinacji klawiszy Shift+Tab, aby poruszać się między widżetami, zarówno do przodu, jak i do tyłu.
- Użyj klawiszy strzałek, aby poruszać się między elementami, na których można ustawiać fokus w złożonym widżecie.
- Gdy przenosisz fokus do każdego kolejnego komponentu, sprawdź, czy następuje widoczna i wyraźna zmiana wyglądu elementu, wskazująca, że otrzymał fokus.
Zasoby
Techniki WCAG
- G165: Korzystanie z domyślnego dla platformy oznaczenia fokusu, dzięki czemu będą one przenoszone na inne platformy
- G195: Korzystanie z dobrze widocznego wskaźnika fokusu dostarczonego przez autora
- C40: Stworzenie dwukolorowego wskaźnika fokusu, aby zapewnić wystarczający kontrast ze wszystkimi komponentami
- SCR31: Używanie skryptu do zmiany koloru tła lub obramowania elementu z fokusem
- F65: Niespełnienie kryterium sukcesu 1.1.1 z powodu pominięcia atrybutu alt lub tekstu alternatywnego w elementach img, elementach area i polach typu "image"
- F78: Niespełnienie kryterium sukcesu 2.4.7 z powodu stylu konturów i obramowania elementów, który usuwa lub czyni niewidocznym wizualny wskaźnik fokusa
Opracowania
- Funkcjonalność jest dostępna z klawiatury - sekcja w Accessibility Principles; w języku angielskim, skorzystaj z tłumaczenia Google.
- Przeglądanie stron internetowych za pomocą klawiatury - sekcja na stronie Better Web Browsing: Tips for Customizing Your Computer; w języku angielskim, skorzystaj z tłumaczenia Google.
- Zrozumieć Kryterium sukcesu 2.4.7 Widoczny fokus(poziom AA); w języku angielskim, skorzystaj z tłumaczenia Google.
Przypadki testowe
Zaliczone
do opracowania
Niezaliczone
do opracowania