Wprowadzenie do semantyki i technologii wspomagających osoby z niepełnosprawnością
Udało Ci się sprawić, by strona była dostępna dla użytkowników, którzy nie mogą używać myszy lub urządzenia wskazującego – czy to z powodu niepełnosprawności fizycznej, problemów technicznych, czy też osobistych ustawień. Choć wymaga pewnej uwagi i przemyślenia, nie jest to duża ilość pracy, jeśli planujesz ją od samego początku. Gdy wykonasz te podstawowe czynności, możesz przejść dalej, by zacząć korzystać z w pełni dostępnej i bardziej dopracowanej witryny.
Podczas tej lekcji omówimy inne czynniki związane z ułatwieniami dostępu, np. sposoby tworzenia stron dla użytkowników takich jak Victor Tsaran, którzy nie widzą ekranu.
Najpierw przedstawimy ogólne informacje na temat technologii wspomagającej osoby z niepełnosprawnością, czyli ogólnej nazwy narzędzi takich jak czytniki ekranu, które pomagają użytkownikom z niepełnosprawnościami i uniemożliwiają im dostęp do informacji.
Następnie przeanalizujemy ogólne zagadnienia związane z wrażeniami użytkownika i skorzystamy z nich, aby lepiej poznać wrażenia osób korzystających z technologii wspomagających osoby z niepełnosprawnością.
Na koniec pokażemy, jak efektywnie korzystać z języka HTML, aby zapewniać satysfakcję tym użytkownikom, i jak ten kod w znacznym stopniu pokrywa się ze sposobem, w jaki skupialiśmy się na nim na wcześniejszym etapie.
Technologia wspomagająca osoby z niepełnosprawnością
Technologie wspomagające osoby z niepełnosprawnością to ogólny termin dotyczący urządzeń, oprogramowania i narzędzi ułatwiających osobom z niepełnosprawnościami wykonywanie określonych zadań. W najogólniejszym sensie może to być coś niezbyt technologicznego, np. kula do chodzenia lub lupa do czytania, albo coś zaawansowanego, np. robotyczne ramię lub oprogramowanie do rozpoznawania obrazów w smartfonie.
Technologie wspomagające osoby z niepełnosprawnością mogą obejmować ogólniejsze funkcje, np. powiększanie w przeglądarce, lub bardziej szczegółowe, np. specjalnie zaprojektowany kontroler do gier. Może to być oddzielne urządzenie fizyczne, takie jak monitor brajlowski, lub w pełni zaimplementowane w programie, np. do sterowania głosem. Może być wbudowany w system operacyjny (np. niektóre czytniki ekranu) lub może być dodatkiem, takim jak rozszerzenie do Chrome.
Granica między technologią wspomagającą osoby z niepełnosprawnością a technologią jest niewyraźna. W końcu każda technologia ma pomagać ludziom w niektórych zadaniach. Technologie często znikają z kategorii „pomocniczej”.
Na przykład jednym z najwcześniejszych komercyjnych produktów do syntezy mowy był kalkulator dla niewidomych. Synteza mowy jest dostępna we wszystkich miejscach, od wskazówek dojazdu po wirtualnych asystentów. I na odwrót: technologia, która początkowo była uniwersalna, często znajduje się w przypadku wspomagania. Na przykład osoby niedowidzące mogą korzystać z powiększenia aparatu w smartfonie, aby lepiej widzieć coś małego w rzeczywistym świecie.
W kontekście tworzenia stron internetowych musimy brać pod uwagę zróżnicowaną gamę technologii. Użytkownicy mogą korzystać z Twojej witryny za pomocą czytnika ekranu, monitora brajlowskiego, lupy, sterowania głosem, przełącznika lub innej technologii wspomagającej osoby z niepełnosprawnością, która dostosowuje domyślny interfejs strony w celu utworzenia bardziej precyzyjnego interfejsu.
Wiele z tych technologii wspomagających osoby z niepełnosprawnością bazuje na semantyce wyrażanej automatycznie, aby zapewnić użytkownikom większą wygodę. O czym chodzi w większości tej lekcji. Zanim jednak omówimy semantyki wyrażoną automatycznie, musimy porozmawiać o możliwościach.
Oferty
Gdy korzystamy ze stworzonego przez nas narzędzia lub urządzenia, zazwyczaj zwracamy uwagę na jego formę i wygląd, aby pokazać, do czego ono służy i jak działa. Afordan to dowolny obiekt, który oferuje lub umożliwia użytkownikowi wykonanie działania. Im lepiej zaprojektowano tę opcję, tym bardziej oczywiste i intuicyjne są jej użycie.
Klasycznym przykładem jest czajnik lub imbryk. Łatwo rozpoznać, że chwytamy za kubek, a nie dziurkę.
Dzieje się tak, ponieważ ceny są podobne do tych w przypadku wielu innych przedmiotów: dzbanków, dzbanków na napoje, kubków do kawy itd. Możliwe, że możesz podnieść garnek za dziurkę, ale z doświadczenia z podobnymi ustawieniami wynika, że nick jest lepszym rozwiązaniem.
W graficznych interfejsach asortyment reprezentują działania, które możemy podjąć, ale mogą być niejednoznaczne, ponieważ nie ma obiektu fizycznego, z którym można by wchodzić w interakcję. Afordancje GUI są więc zaprojektowane tak, aby były jednoznaczne. Przyciski, pola wyboru i paski przewijania mają pomagać w korzystaniu z nich w sposób jak najmniejszy.
Możesz na przykład sparafrazować stosowanie popularnych elementów formularza (afordancji) w ten sposób:
- Przyciski opcji – „Mogę wybrać jedną z tych opcji”.
- Pole wyboru – „Dla tej opcji mogę wybrać tak” lub „nie”.
- Pole tekstowe – „Mogę coś napisać w tym obszarze”.
- Menu – „Mogę otworzyć ten element, aby wyświetlić opcje”.
Możemy wyciągać wnioski na temat tych elementów tylko dlatego, że je widzisz. Osoba, która nie widzi wskazówek wizualnych zapewnianych przez element, jest też w stanie zrozumieć jego znaczenie i intuicyjnie zrozumieć wartość jego dostępności. Musimy więc zadbać o to, aby informacje były wyrażone na tyle elastycznie, że technologia wspomagająca osoby z niepełnosprawnością może stworzyć alternatywny interfejs spełniający potrzeby użytkowników.
Taka niewizualna ekspozycja zastosowania afordancji jest nazywana jej semantyką.
Czytniki ekranu
Jednym z popularnych typów technologii wspomagających osoby z niepełnosprawnością jest czytnik ekranu, który umożliwia osobom z wadą wzroku korzystanie z komputera dzięki odczytywaniu tekstu na ekranie wygenerowanym głosem. Użytkownik może kontrolować czytane treści, przesuwając kursor do odpowiedniego obszaru za pomocą klawiatury.
Poprosiliśmy Victora Tsaran o wyjaśnienie, w jaki sposób osoba niewidoma korzysta z internetu przy użyciu wbudowanego czytnika ekranu w systemie OS X o nazwie VoiceOver. Obejrzyj ten film o tym, jak Victor korzysta z VoiceOver.
Teraz Twoja kolej, żeby skorzystać z czytnika ekranu. Oto strona z ChromeVox Lite – minimalnym, ale działającym czytnikiem ekranu napisanym w języku JavaScript. Ekran jest celowo rozmyty, aby symulować osoby niedowidzące i zmuszać użytkownika do wykonania zadania za pomocą czytnika ekranu. Oczywiście do tego ćwiczenia musisz użyć przeglądarki Chrome.
Strona demonstracyjna ChromeVoksa Lite
Czytnikiem ekranu możesz sterować w panelu sterowania na dole ekranu. Funkcjonalność tego czytnika ekranu jest bardzo ograniczona, ale możesz przeglądać jego zawartość za pomocą przycisków Previous i Next, a klikać przycisk Click.
Spróbuj użyć tej strony z włączoną funkcją ChromeVox Lite, by poznać możliwości czytnika ekranu. Pomyśl o tym, że czytnik ekranu (lub inna technologia wspomagająca osoby z niepełnosprawnością) tworzy dla użytkownika zupełnie alternatywne środowisko oparte na semantyce wyrażanej automatycznie. Czytnik ekranu zamiast interfejsu wizualnego ma interfejs dźwiękowy.
Zwróć uwagę, że czytnik ekranu przekazuje pewne informacje o poszczególnych elementach interfejsu. Dobrze zaprojektowany czytelnik poda Ci wszystkie lub przynajmniej większość z tych informacji o elementach, które widzi.
- rola lub typ elementu, jeśli została określona (taka powinna być).
- Nazwa elementu, jeśli ją zawiera.
- Wartość elementu, jeśli ją zawiera (może, ale nie).
- state elementu, np. stan włączenia lub wyłączenia (w stosownych przypadkach).
Czytnik ekranu jest w stanie wygenerować ten alternatywny interfejs użytkownika, ponieważ elementy natywne zawierają wbudowane metadane ułatwień dostępu. Mechanizm renderowania wykorzystuje kod natywny do skonstruowania interfejsu wizualnego, a czytnik ekranu wykorzystuje metadane w węzłach DOM, aby stworzyć dostępną wersję.
