JavaScript i dostępność – zarządzanie fokusem i powiadamianie użytkownika

Niedawno podczas rozmowy ze znajomym na temat dostępności pojawił się problem, jak zakwalifikować pewien błąd dostępności. Chodziło o odtwarzacz multimediów, który uruchamiał się jako okno modalne. Sęk w tym, że okno dodawane było na samym końcu drzewa DOM i nie było w żaden sposób anonsowane. Efekt był taki, że niewidomy użytkownik klikał na link z filmem i z jego punktu widzenia nic się nie działo. Klikał więc ponownie i jeszcze raz, z dokładnie takim samym skutkiem. Mógł oczywiście znaleźć okno odtwarzacza, gdyby przyszło mu do głowy, by go szukać na końcu strony, ale niby skąd miałoby mu taka myśl zaświtać? Podczas rozmowy uzgodniliśmy, jak to opisać w raporcie z badania, a dzisiaj trafiłem na artykuł w Medium, który traktuje dokładnie o tym samym.

Artykuł jest dosyć krótki i autor daje tylko kilka podstawowych wskazówek, jak skorzystać z JavaScript i ARIA dla rozwiązania problemu modalnego okienka. Opisuje zarządzanie fokusem klawiatury oraz anonsowanie okna, a także dodawanie obsługi klawiaturą do elementów, które tej obsługi wymagają. Bardziej zestaw tricków, niż obszerne opracowanie, ale dosyć przejrzyście napisane. Polecam, w szczególności zaczynającym przygodę z dostępnością.

Źródło: Writing JavaScript with accessibility in mind – A List Apart Sidebar – Medium

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj /  Zmień )

Zdjęcie na Google

Komentujesz korzystając z konta Google. Wyloguj /  Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj /  Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj /  Zmień )

Połączenie z %s

Ta witryna wykorzystuje usługę Akismet aby zredukować ilość spamu. Dowiedz się w jaki sposób dane w twoich komentarzach są przetwarzane.