Dostępność

Nawigacja klawiaturą: test, który oblewa większość stron

Autor Zespół AsasWeb 1 min czytania

Odłóż mysz i spróbuj wykonać najważniejsze zadanie na stronie, używając tylko Tab, Shift z Tab, Enter, spacji i strzałek. Strona zdaje test, gdy fokus jest zawsze widoczny, porusza się w logicznej kolejności, dociera do każdego linku, przycisku i pola oraz potrafi wyjść z każdego menu i okna dialogowego. Jeśli zadania nie da się dokończyć klawiaturą, prawdziwa grupa klientów też go nie dokończy, a dostęp z klawiatury to fundament, na którym opiera się korzystanie z czytników ekranu.

Oto test, który możesz przeprowadzić w pięć minut: odłóż mysz i spróbuj skorzystać z własnej strony wyłącznie za pomocą klawiatury. Wielu ludzi musi przeglądać sieć w ten sposób, w tym część korzystających z czytnika ekranu i wielu z różnicami motorycznymi. Zaskakująca liczba stron oblewa ten test.

Jak testować

Użyj klawisza Tab, by przesuwać się do przodu, Shift i Tab, by cofać, Enter i spacji, by aktywować, oraz klawiszy strzałek wewnątrz menu. Spróbuj ukończyć swoje najważniejsze zadanie, takie jak znalezienie produktu lub wysłanie zapytania, nie dotykając myszy.

Na co zwrócić uwagę

  • Czy widzisz, gdzie jesteś? Wyraźny, widoczny styl fokusu musi podążać za Tobą, gdy przechodzisz tabulatorem. Jeśli fokus jest niewidoczny, strona jest bezużyteczna z klawiatury.
  • Czy kolejność jest logiczna? Fokus powinien przesuwać się w sensownej kolejności czytania, a nie skakać.
  • Czy możesz dotrzeć wszędzie? Każdy link, przycisk i pole muszą być osiągalne i obsługiwalne, w tym menu i okienka.
  • Czy możesz się wydostać? Otwórz menu lub okno dialogowe, a następnie zamknij je klawiszem Escape i sprawdź, czy fokus wraca w sensowne miejsce. Uważaj na pułapki, z których nie da się wyjść tabulatorem.

Dlaczego to ważne

Jeśli nie możesz ukończyć zadania klawiaturą, prawdziwa grupa klientów też nie może, i odejdą. Dostęp z klawiatury jest też fundamentem, na którym opiera się korzystanie z czytnika ekranu, więc naprawienie go podnosi dostępność szeroko.

Na każdej budowie przeprowadzamy przejście wyłącznie klawiaturą, w tym menu z uwięzionym fokusem, które zamykają się na Escape i czysto zwracają fokus. Jeśli Twoja strona oblewa test z odłączeniem myszy, rozpocznij projekt, a my to naprawimy.

Chcesz takiego standardu na własnej stronie?

Opowiedz nam o swoim projekcie, a odpowiemy uczciwymi, praktycznymi krokami.