Wróć do wszystkich kryteriów

2.1 Dostępność z klawiatury (ang.) Keyboard Accessible

Spis treści

    Istota i cel wytycznej

    Zapewnienie pełnej obsługi wszystkich komponentów oraz funkcjonalności za pomocą samego interfejsu klawiatury to nadrzędny cel tej wytycznej.

    Dla wielu grup użytkowników ta wytyczna to „być albo nie być” w świecie cyfrowym. Osoby niewidome, posługujące się czytnikami ekranu, są całkowicie zależne od komend wprowadzanych z poziomu klawiatury. Podobnie sytuacja wygląda w przypadku osób z poważnymi ograniczeniami motorycznymi, cierpiących na drżenie rąk, porażenia czy postępujące schorzenia neurologiczne. Tacy użytkownicy bardzo często rezygnują z klasycznej myszy na rzecz specjalistycznych przełączników, klawiatur ergonomicznych, trackballi lub systemów sterowania wzrokiem, które emulują sygnały klawiaturowe. Ignorowanie tych kryteriów z tej grupy to najpoważniejsze uchybienie projektowe, które odcina odbiorców od nawigacji i uniemożliwia im realizację podstawowych potrzeb życiowych, takich jak zakupy online, edukacja czy obsługa konta bankowego.

    Podczas tworzenia kodu zachowaj wyrazistość i zorientuj się na strukturę techniczną witryny. Zadbaj o to, aby logiczna kolejność fokusu idealnie odzwierciedlała układ drzewa DOM . Unikaj stosowania właściwości CSS (takich jak order w modułach Flexbox/Grid czy wymuszonych pozycjonowań w sposób, który drastycznie zaburza naturalną sekwencję tabulacji względem wyglądu wizualnego. Wykorzystaj przede wszystkim natywne, semantyczne elementy HTML, takie jak <button>, <a> czy <input>, ponieważ posiadają one wbudowaną domyślną obsługę klawiatury. Jeśli budujesz zaawansowane, niestandardowe komponenty, wdróż odpowiednie skrypty JavaScript (obsługujące zdarzenia klawiatury, np. keydown) oraz precyzyjnie zarządzaj stanem skupienia za pomocą atrybutu tabindex.

    Lista kryteriów

    Źródła

    Wróć do wszystkich kryteriów