Dylemat dostępności

Kryteria sukcesu dotyczące dostępności sieci zgodnie z WCAG 2.1 (Web Content Accessibility Guidelines) mogą być przytłaczające, jeśli spojrzeć tylko z podręcznikowej perspektywy. Z mojego doświadczenia wynika, że ​​programiści i menedżerowie prawie jednogłośnie wyrażają dyskomfort w przypadku projektów związanych z dostępnością sieci. Na przykład: czy musimy czytać „to wszystko”, to jest po prostu „nudne”, „po prostu uruchom walidator”… świerszcze i tumbleweedy podsumowując.

Jako programista i osoba ucząca się dostępności w sieci zdałem sobie sprawę, że po przejściu przez „rozdzierający ból” czytania kryteriów można do niej podejść z różnych punktów widzenia. Na przykład pod kątem User Experience , a także według warstw. Powoli, ale naprawdę, po prostu testując. Coś, co programiści robią cały czas. To zwykle prowadzi mnie do następujących pytań i odpowiedzi:

Ale czego dokładnie potrzebujemy do „przetestowania”?

To, co robimy nieświadomie przez większość czasu: podróż użytkownika .

Jak to zrobimy?

Świadomie wczuwając się w niepełnosprawność naszych użytkowników, innymi słowy symulując lub naśladując.

Czy nie wystarczy przetestować moją witrynę za pomocą walidatora?

To nie jest. Walidatory są bardzo pomocne podczas analizowania dużych stron internetowych pod kątem niektórych kryteriów. Jak tylko 20% z nich. Jednak widziałem, jak walidatorzy mijali strony z latającymi kolorami tylko po to, by zdać sobie sprawę, że w rzeczywistości nie są one dostępne bezpośrednio.

Konkretna analogia, proszę?

Wiara, że ​​tylko dlatego, że spełniasz kilka kryteriów, sprawia, że ​​Twoja witryna jest „dostępna” do pewnego poziomu. To tak, jakby pomyśleć, że twój biurowiec jest „dostępny”, ponieważ ma bardzo duży przycisk do automatycznego otwierania drzwi przy głównym wejściu… ale tylko po przejściu przez żwirowy parking i wejściu po schodach. Jak więc użytkownik dociera do drzwi na początek?

Dostępność sklepu

Wiele sektorów podlega obecnie zgodności w zakresie dostępności sieci, dla niektórych — jak rząd — jest to obowiązkowe. Handel internetowy stał się celem coraz większej liczby procesów sądowych , również użytkownicy niepełnosprawni mają jasne oczekiwania , dlatego rośnie zapotrzebowanie na dostępność Storefront . Czasami robi różnicę między podejściem „od potencjalnego klienta do wypłaty” a wynikiem „od potencjalnego klienta do pozwu”.

Lokal

Zilustrujmy ten proces przykładem, ale najpierw ustalmy pewne przesłanki:

1. Głównym celem witryny sklepowej jest umożliwienie użytkownikom kasowania produktów.
2. Elementy interfejsu powinny ułatwiać użytkownikowi dokonywanie płatności, w tym użytkownikom niepełnosprawnym.
3. Deweloperzy i testerzy kontroli jakości często przeprowadzają testy, udając, że użytkownik może pomyślnie przejść z punktu A do punktu B lub Z w interfejsie. Ci sami ludzie powinni również sprawdzić, czy użytkownicy niepełnosprawni są w stanie dotrzeć do tych samych punktów.
4. Pomyślne przejście z punktu A do B lub Z w teście, podczas naśladowania Osoby niepełnosprawnej, spowoduje pomyślne spełnienie szeregu kryteriów dostępności.

Zanim przejdziemy do tego, czym jest Persona , wyjaśnijmy empatię . Brzmi to jak coś łatwego do zrobienia, słyszeliśmy to wiele razy: „postaw się w czyjejś sytuacji”, jak trudne może to być? Cóż, okazuje się, że ludzie mają różne poziomy empatii i zwykle mają na nie wpływ własne doświadczenia życiowe… więc nie jest to takie proste.

Sympatia NIE jest empatią

Poza tym różne postrzeganie tego, czym jest empatia, komplikuje sprawę, słyszałem wiele spontanicznych definicji: chodzi o posiadanie wielkiego serca, bycie całym sentymentem do czegoś, bycie filantropem, czy odczytywanie emocji „między wierszami”… tak, chyba tak równie dobrze może to być wszystko, w zależności od kontekstu rozmowy, ale mimo to wszystkie wyżej wymienione są bliższe współczuciu niż empatii. Mówiąc o dostępności sieci , empatia jest na szczęście bardzo pragmatyczną kwestią. Na przykład witryna sklepu internetowego jest albo dostępna, albo nie. Innymi słowy, „w połowie dostępny” nie sprawdza się, jeśli kluczowa podróż nie powiedzie się. Jak to by się nie udało w zwykłym sklepie. Kupujący niepełnosprawni mogą lub nie mogą wejść i robić zakupów.

Niezależnie od tego, jak ktoś „czuje” ten fakt, nasze dobre intencje, myśli i emocje włożone w myślenie o użytkownikach, którzy nie mogą korzystać z witryny, nie uczynią jej bardziej dostępną. To współczucie. To miłe. To motywacja. To pomaga. Podnosi świadomość. Ale to nie sprawia, że ​​strony internetowe są dostępne.

Moja zwykła historia „nakłaniania” ludzi do empatii jest następująca, dodajmy najpierw swobodną atmosferę i udawajmy, że jesteśmy w restauracji lub barze, w otoczeniu rodziny, przyjaciół lub przypadkowych osób postronnych, zwykle w kontekście, w którym opowiadam tę historię:

Wyobraź sobie, że (użytkownik pełnosprawny ) kupujesz online prosty produkt, na przykład… żółty szalik damski, i nagle mysz komputerowa przestaje działać — rozładowuje się jej bateria — i musisz dokończyć kasę, używając tylko klawiatura .

Odporność na empatię

Oczywiście, zawsze istnieje opór przed tym ćwiczeniem empatii i to normalne, że znajdujemy się poza naszą strefą komfortu. Słyszę więc takie rzeczy jak: „co jeśli używam laptopa z wbudowaną podkładką pod mysz”… umówmy się, że nie o to chodzi. Wczuwanie się w coś tak banalnego jak posiadanie myszy może brzmieć jak nonsens, ale ma to znaczenie dla całego procesu.

Muszę zwrócić uwagę na czynnik pokoleniowy w tych przypadkowych odbiorcach moich opowiadań; pamiętajmy, że użytkownicy, którzy posiadali komputer w połowie lat 80-tych mogą sobie przypomnieć, jak poruszali się po ekranie za pomocą klawiatury, wtedy myszy kulkowe dopiero zaczynały być wprowadzane i dopiero pod koniec lat 90-tych myszy optyczne stały się dostępne na rynku, ale użytkownicy, którzy urodzili się w tamtych dziesięcioleciach, mogą być zaskoczeni wyobrażeniem sobie scenariusza z samą klawiaturą. Jak powiedziałem, nie tak łatwo się z nimi wczuć.

W każdym razie, gdy przykład zostanie przyswojony i ludzie zaczną rzucać teorie i zapamiętywać lub zastanawiać się, jak poruszać się po ekranie za pomocą samej klawiatury , wtedy będziemy mieli pomysł, plan, mapę drogową — podróż — jak dokończyć kasę .

Ok, kiedy ta przygoda z klawiaturą zostanie przyswojona, dodajmy złożoność : Udawajmy, że kupiłeś ten przedmiot wiele razy (dostaniesz żółte szaliki dla wszystkich) i teraz znasz ten proces na pamięć, wiesz, że jest „tak dobry”, że możesz to zrobić bez myszka, tak dobrze, że można to robić „z zamkniętymi oczami”… naprawdę? … spróbujmy tak: nawigacja za pomocą klawiatury + zamknięte oczy .

Osoby z niepełnosprawnościami

Zanim zamkniesz oczy , zdefiniujmy, czym jest Persona ; W kontekście User Experience (UX) Design „ osoby ” to archetypowi użytkownicy, których cele i cechy reprezentują potrzeby i ograniczenia większej grupy użytkowników. Tak, umieszczanie twarzy użytkownikom pomaga w procesie empatii, wyszukując w Google „persony dla ułatwień dostępu”, możemy znaleźć wiele łatwo dostępnych person do wykorzystania, ale potem tak, więcej czytania… znowu świerszcze i tumbleweeds.

To powiedziawszy, kontynuując swobodne, zbyt uproszczone opowiadanie w barze, a ponieważ ten artykuł zaczyna się robić długi (brakuje sensu, że nie trzeba czytać tak dużo), uprośćmy po prostu w krótkim akapicie kilka postaci , które mogą być łatwe do naśladowania przez użytkowników bez niepełnosprawności. Wejdź Jane i John , pochodzą z poprzedniego artykułu , pomogli mi wcześniej przy ustalaniu perspektyw i oczekiwań fundacji dostępności.

• Jane: praworęczny użytkownik, który niedawno złamał prawą rękę, musi korzystać z nawigacji tylko za pomocą klawiatury, polega na swoim wzroku, aby wiedzieć, gdzie się znajduje na ekranie i aby dostać się do następnego elementu w interfejsie użytkownika.
• John: użytkownik niewidomy, używa nawigacji tylko za pomocą klawiatury, polega na wokalizacji czytnika ekranu, aby wiedzieć, gdzie się znajduje i przejść do następnego elementu interfejsu użytkownika.

Użytkownik może poruszać się po witrynie sklepowej na wiele sposobów, ale zawsze istnieją ścieżki, które są bardziej powszechne, a te, na których witryna sklepowa faktycznie zarabia, to krytyczne podróże użytkowników . Nawigacja tylko za pomocą klawiatury nie jest tu wyjątkiem, więc umówmy się na przeciętną super prostą podróż opartą na produkcie z artykułu w Storefront Accessibility, żółtym szaliku dla kobiet .

Krytyczna podróż użytkownika

Testowy przypadek użycia: Jane chce kupić dla siebie żółty szalik. Z drugiej strony John chce kupić taki sam szalik dla swojej dziewczyny. Aby dokładniej wyjaśnić, Jane i John nie są spokrewnieni, nie znają się.

Dla obojga, Jane i Johna , kluczowa droga do zakupu żółtego szalika dla kobiet będzie wyglądać mniej więcej tak:

Tab, aby przejść do pola wyszukiwania > wpisz „Żółty szalik damski” > Tab, aby przejść do pierwszego produktu (udaje żółty szalik) > Rozpocznij proces realizacji transakcji.

Naśladować czy symulować?

Docieramy do celu, dzięki za przeczytanie tego miejsca. Różnica między symulacją a emulacją jest subtelna. Ponieważ w obu występuje słowo „imitacja”, pozostańmy przy tym pojęciu. W poniższym przykładzie będziemy używać oprogramowania do emulacji, więc nazwijmy to emulacją, ale wiedz, że zdecydowanie mam na myśli imitację.

Teraz naśladownictwo jest kluczem do empatii i musimy zrobić to jak najbliżej tego, jak Jane i John dotrą do tego żółtego szalika w sklepie. Wiemy, że oba będą korzystać z nawigacji tylko za pomocą klawiatury, więc pozostawiają nam następujące klawisze, aby zakończyć kasę.

Interakcje klawiatury

• PATKA
• SHIFT+TAB
• PRZESTRZEŃ
• WEJŚĆ
• Klawisze strzałek.

Ok, w tym miejscu zapraszam publiczność baru, a Ciebie, czytelnika — żartuję — uprzejmie zapraszam do wybrania dowolnej lub kilku witryn sklepów internetowych w sieci. Ale co najważniejsze, taki, w którym możesz znaleźć żółty szalik dla kobiet i spróbować przejść jak najdalej przez proces kasowania, naśladując Jane i Johna . To powiedziawszy, nie musisz „właściwie” kupować szalika za każdym razem, jeśli nie chcesz.

Naśladowanie Jane

Śledź krytyczną podróż użytkownika, używając tylko klawiszy klawiatury, których używałaby Jane .

Naśladowanie Johna

Aktywuj rozszerzenie ChromeVox i — w końcu! — zamknij oczy , a następnie prześledź drogę krytycznego użytkownika, słuchając tego, co mówi wokalizacja, i używając tylko klawiszy klawiatury, których używałby John .

Powszechne problemy

Porównując wrażenia z emulacji w różnych rodzajach ułatwień dostępu w witrynie sklepowej, możesz napotkać takie problemy, jak: niemożność przejścia tabulatorem do następnego logicznego elementu na stronie przez wylądowanie na losowych elementach, niemożność przejścia tabulatorem od dowolnego miejsca do przodu (pułapka klawiatury) , nie mogąc usłyszeć sensownego opisu produktu, takiego jak jego kolor czy cena. Niestety, jest to bardzo powszechne i wskazuje na brak dostępności sieci w konkretnej witrynie.

Zgodność z kryterium

Wyjaśnienie terminów: kryteria są w liczbie mnogiej; kryterium jest pojedyncze.

Teraz, jeśli udało Ci się pomyślnie zakończyć proces realizacji transakcji, emulując Jane & John , oznacza to, że ta witryna sklepowa spełnia następujące kryteria WCAG 2.0 .

Zauważ, że większość kryteriów to poziom A, a tylko kilka kryteriów to poziom AA. Moim zdaniem powyższe są najważniejszymi kryteriami do spełnienia „na początek”. Stanowią podstawę do budowania bogatszego doświadczenia użytkownika na ich podstawie. Na przykład dodanie większej liczby kryteriów poziomu AA lub podłączenie innych technologii wspomagających, takich jak monitory brajlowskie. Rozważmy je jako część trudną lub niezależną od „prostszych” kryteriów, takich jak użycie koloru, rozmiar tekstu, wideo i audio.

Cóż, na tym historia przy barze się kończy. Albo mogłeś, albo nie, ukończyć emulację jako Jane & John . Nawet jeśli tylko trochę spróbowałeś, zasługuje na toast. Jak być może już zauważyłeś, zamykając oczy , zacząłeś „widzieć”, gdzie występują problemy z dostępnością witryny sklepowej. Więc brawo na to! z tym, co pijesz.

Podsumowując

1. Możemy zweryfikować dostępność witryny sklepowej, „spacerując” z empatią.
2. Podczas planowania, opracowywania i testowania witryny sklepu internetowego wszelkie wysiłki mające na celu usunięcie błędów związanych z powyższymi 16 kryteriami ułatwią realizację transakcji użytkownikom niepełnosprawnym.
3. Twórca stron internetowych powinien upewnić się, że dostępna, kluczowa podróż użytkownika faktycznie działa, zanim przekaże ją testerowi kontroli jakości.
4. Najlepszym narzędziem weryfikacji jest empatia.
5. Czasami zamykając oczy, możemy „zobaczyć”, gdzie leży problem.
6. Niepełnosprawni kupujący powinni mieć możliwość robienia zakupów online, tak jak robią to w sklepach stacjonarnych.
7. Nikt nie jest wolny od niepełnosprawności przez całe życie, w najlepszym przypadku: wszyscy się starzejemy.
8. Dostępność sieci Web powinna być postrzegana jako szansa biznesowa w każdej strategii typu lead-to-cash , zanim stanie się scenariuszem prowadzącym do procesu sądowego .