Accessibility: Aspekty moralne

0:00W tej lekcji opowiem troszkę o aspektach

0:04moralnych związanych z dostępnością czyli dlaczego warto tworzyć rozwiązania

0:08które są dostępne które spełniają ideę accessibility generalnie

0:12tworzymy interfejsy i nasze aplikacje internetowe produkty dla ludzi

0:16użytkownikiem końcowym jest faktycznie człowiek no i człowiek

0:20jako istota posiada pięć zmysłów te pięć zmysłów no

0:25to oczywiście kolejno zmysł węchu zmysł słuchu wzroku smaku

0:30no i dotyku tutaj ten dotyk możemy jeszcze podciągnąć pod zdolności

0:34motoryczne o ile zmysł węchu i smaku do produktów

0:39technicznych takich jak strony internetowe aplikacje no za bardzo

0:43się nie aplikuje i może i lepiej no to zmysł słuchu i

0:47wzroku razem z dotykiem są zmysłami z których korzystamy

0:51na codzień przeglądając internet korzystając z aplikacji na telefonie na

0:55komputerze i w idealnym środowisku w idealnym scenariuszu nasz użytkownik końcowy

1:01będzie w stanie korzystać ze wszystkich tych zmysłów czyli ze zmysłu

1:05dotyku wzroku i słuchu natomiast często zdarza

1:09się tak że no niestety nasz użytkownik nie ma dostęp do wszystkich z nich na

1:13przykład nie ma dostępu do zmysłu słuchu kiedy może się tak stać na przykład jeżeli

1:17jedziemy metrem no i oglądamy jakiś filmik ale akurat nie wzięliśmy słuchawek

1:21a nie chcemy faktycznie przeszkadzać innym osobom w metrze i chcemy faktycznie

1:25usłyszeć coś z tego wideo zrozumieć jego treść no to możemy

1:30polegać tylko i wyłącznie na zmyśle wzroku więc jeżeli nie ma w danym

1:34wideo napisów nie będziemy w stanie zrozumieć jego treści ponieważ będziemy

1:38widzieli tylko ruszając się usta osoby które coś gestykulują bądź

1:42po prostu pokaz slajdów w tym momencie wpadamy w tak zwaną chwilową

1:47niepełnosprawność to znaczy nie mamy dostępu do wszystkich naszych zmysłów

1:51przeglądając dany produkt no i oczywiście to jest tylko jeden ze scenariuszy

1:55w których nie mamy zmysłu słuchu są też scenariusze

1:59że dysponujemy tylko i wyłącznie zmysłem słuchu i zmysłem dotyku

2:04na przykład ja noszę okulary mam też astygmatyzm więc

2:08jeśli czasami zdarzy mi się że zapomnę okularów albo zgubię

2:13je uszkodzę je w jakiś kolwiek sposób wtedy przeglądanie stron internetowych

2:17na przykład jest dla mnie bardzo trudne ponieważ jakby całość

2:21zlewami się w taką nie ostrą rozmazaną masę

2:25z której ja próbuję odczytać jakieś treści no i wtedy mogę albo

2:29próbować jeżeli jestem na urządzeniu dotykowym zbliżyć je za pomocą gestu

2:33pinch to zoom za pomocą rozszerzania palców no i wtedy oczywiście

2:38tekst jest większy jestem w stanie przeczytać fragment strony w

2:42przeglądarce mogę zwiększyć font-size za pomocą jakiegoś skrótu klawiszowego

2:46za pomocą lupy w interfejsie natomiast gdy takie sytuacje

2:50się zdarzają też padam w tak zwaną chwilową niepełnosprawność

2:54no i jeśli chodzi o zmysł dotyku no to możemy również

2:58tego doświadczyć jeśli na przykład zepsuje nam się myszka a nie posiadamy touchpada

3:03albo po prostu nie korzystamy też z żadnego urządzenia dotykowego no

3:07to wtedy jesteśmy zmuszeni nawigować się za pomocą klawiatury jeżeli wiemy jak natomiast niestety

3:11wiele stron internetowych nie jest dostosowana do nawigacji klawiaturą no

3:16i chcąc kupić na przykład cokolwiek z jakiegokolwiek serwisu aukcyjnego

3:20w internecie możemy nie być w stanie po prostu przejść całego

3:24procesu płatności ponieważ w którymś momencie strona jest niedostępna nie

3:28reaguje na klawiaturę nie widzimy gdzie się znajdujemy tak naprawdę poruszamy

3:33się trochę po omacku no i być może jesteśmy zmuszeni przełożyć zakup

3:37aż kupimy nową myszkę czy po prostu wejdziemy z innego urządzenia

3:41z tym że te wszystkie chwilowe niepełnosprawności nie są chwilowe

3:45dla części naszych użytkowników osoby niepełnosprawne zmagają

3:50się z tego typu problemami na co dzień i to co dla nas jest chwilową niewygodą

3:54dla nich jest po prostu rzeczywistością w związku z czym moralnym

3:58jest z punktu widzenia dewelopera designera aby faktycznie

4:02tworzyć rozwiązania które będą dostępne i które będą pokrywały

4:06różne tego typu problemy z dostępem oczywiście są różne

4:11rozwiązania tak samo jak jest pinch to zoom na smartfonach są inne rozwiązania

4:15które ułatwiają dostęp do treści osobom niepełnosprawnym są

4:19to na przykład czytniki ekranowe i ja teraz zaprezentuję jak działa

4:23czytnik ekranowy generalnie jest to narzędzie które czyta treść

4:28na przykład na stronie internetowej czy w aplikacji za pomocą takiego syntezowanego

4:32głosu no i możemy się dzięki temu poruszać po tej stronie no to tu jest artykuł

4:37że smashing magazine generalnie też o dostępności i ja

4:41korzystam z rozszerzenia blindify dla firefoxa jest to rozszerzenie

4:45generalnie mojego autorstwa możecie je uruchomić za pomocą skrótu klawiszowego

4:49option command b i w tym momencie mamy jakby symulacje tego

4:53co widzi osoba niewidoma czyli po prostu robi nam się czarny ekran i

4:57my musimy się po takiej stronie nawigować jak się po takiej stronie nawigować możemy

5:02skorzystać właśnie z czytnika ekranowego ja teraz uruchomię voice over czyli budowane

5:06czytnik ekranowy dla urządzeń uruchomianych na mac os-ie

5:11no i generalnie po włączeniu czytnika ekranowego syntezowany

5:15głos będzie prezentował co się na danej stronie znajduje teraz odpalę go

5:25no i możemy się oczywiście

5:29za pomocą skrótów klawiszowych nawigować

5:33po takim produkcie no i jeżeli produkt jest zaprojektowany odpowiednio dobrze

5:37to będziemy w stanie na przykład kupić dany produkt na którym nam zależy

5:42to ja spróbuję sę troszkę poruszać

5:46h t t p s

5:51tak możemy nawet czytać pojedyncze literki generalnie wrócimy do tematu

5:55czytników ekranowych w kolejnych lekcjach natomiast warto też po prostu pamiętać

5:59że sa różnego rodzaju narzędzia które pomagają

6:03w dostępie do informacji które my naszym produktem próbujemy dostarczyć

6:07i te narzędzia też potrzebują pewnych informacji od nas jeżeli

6:12chodzi o strony internetowe no to musimy dać używać semantycznych tagów musimy używać

6:17odpowiednich atrybutów musimy upewnić się że nasze aplikacje działają na

6:21klawiaturę i to co warto tutaj jeszcze zaznaczyć nie tylko

6:25osoby niewidome korzystają z czytników ekranowych ja na przykład korzystam

6:29z czytników ekranowych jeśli czytam jakiś artykuł po angielsku no to włączam

6:33sobie często właśnie czytnik z kilku powodów doświadczam wtedy zjawiska immersji

6:37czyli czytam tekst i ten tekst jest mi również czytany więc ja lepiej

6:41ten tekst rozumiem no i jest mi łatwiej też poznawać nowe

6:46słownictwo i od razu znając poprawną wymowę ponieważ nie

6:50jest jakaś nowa technologia ona jest już z nami spokojnie kilkanaście

6:54lat czytniki ekranowe z reguły są tworzone pierwotnie pod język

6:58angielski więc też się tutaj nie obawiam że robot źle mi coś przeczyta więc jest to po

7:02prostu bardzo dobre narzędzie jeżeli chcemy się na przykład uczyć języka i wiemy że mamy taką możliwość

7:06z tym że jeżeli niestety nasza strona będzie źle zaprojektowana no to czytniki ekranowe

7:10nie będą niektórych rzeczy mówić czasami będą mówiły za dużo będziemy mieli tutaj taką

7:15jakby szum informacyjny więc po prostu trzeba pamiętać

7:19o tym że my tworzymy dla użytkowników i nie powinniśmy ograniczać się tylko do

7:23najbardziej standardowej konwencjonalnej techniki przeglądania

7:27internetu jakim jest powiedzmy wzrokowa za pomocą kursora

7:31w systemie operacyjnym tylko też pamiętać o urządzeniach dotykowych to jest

7:36już oczywiście standard na dzień dzisiejszy urządzenia dotykowe nawigacja

7:40klawiaturą nawigacja głosem też są już takie techniki poruszania

7:44się po różnych interfejsach i to faktycznie bezpośrednio przekłada

7:48się też na korzyści dla naszego produktu o czym powiem w następnej lekcji