Przejdź do treści
Zbliżenie od boku na osobę piszącą na klawiaturze na laptopie. Na prawej ręce osoba ma bransoletki i jest ubrana w musztardowy sweter z podwiniętymi rękawami.Photo by Christin Hume on Unsplash

przychodzimy do Was z kolejną dawką wiedzy na temat WCAG. Dziś bierzemy na tapet kryterium 2.1.1 czyli klawiatura.

To jedno z fundamentalnych kryteriów, które uważamy za absolutne minimum podczas tworzenia własnych produktów cyfrowych.

Jakie jest założenie?

W prostych słowach – wszystkie elementy, które Użytkownik może obsłużyć za pomocą myszki, powinny być również dostępne i obsługiwane za pomocą klawiatury. Chodzi o to, aby wszystkie elementy interaktywne, takie jak linki, przyciski, pola formularzy i kontrolki, były dostępne i funkcjonowały poprawnie za pomocą klawiatury. Dzięki temu, Użytkownicy mogą nawigować do tych elementów, używając klawisza „Tab”, “Shift + Tab” (cofnięcie), a następnie aktywować je za pomocą klawisza „Enter”, Spacji lub innych klawiszy.
Cała lista dostępnych interakcji: https://lnkd.in/dUBnq9f

Komu ułatwi to funkcjonowanie?

  •  Osobom niewidomym, które do obsługi komputera używają wyłącznie czytnika ekranu. Użycie przez takie osoby wskaźnika myszy jest niemożliwe.
  • Osobom słabowidzącym, które w sytuacji “zgubienia” z pola widzenia wskaźnika myszy, mogą skorzystać z klawiatury.
  • Osobom z ograniczoną sprawnością manualną, na przykład z drżeniem rąk, dla których obsługa myszy jest ciężkim zadaniem. Alternatywą dla nich jest właśnie klawiatura.
  • Każdemu, kto chciałbym korzystać z klawiatury, bo mu wygodniej lub na przykład wysiadła bateria w myszce. 🙂

Pamiętajmy o tym, by zapewnić jak największą skuteczność w zapewnieniu dostępności klawiaturowej.

Należy pamiętać, że samo spełnienie kryterium 2.1.1 jest ważne, ale brak widocznego fokusu, istniejące pułapki na klawiaturę czy też zaburzona kolejność tabulacji mogą istotnie wpłynąć na możliwość obsługi stron przez Użytkowników klawiaturowych. Ale o tym już w następnych postach. Pamietajmy, że często musimy projektować uwzgledniać kilka kryteriów.

Referencja do WCAG: https://lnkd.in/dU6WN5xK

Małgorzata Szymczak

Małgorzata Szymczak

Accessibility Specialist & Junior Frontend Developer