Popraw ten artykuł

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.

  1. Użyj klawiatury, aby poruszać się po wszystkich interaktywnych komponentach strony.
    1. Użyj Tab i kombinacji klawiszy Shift+Tab, aby poruszać się między widżetami, zarówno do przodu, jak i do tyłu.
    2. Użyj klawiszy strzałek, aby poruszać się między elementami, na których można ustawiać fokus w złożonym widżecie.
  2. 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

Opracowania

Przypadki testowe

Zaliczone

do opracowania

Niezaliczone

do opracowania