Accessibility: Whocanuse

0:00W tej lekcji opowiem ci o kolejnym

0:04serwisie internetowym którym jest Whocanuse no i Whocanuse jest serwisem

0:08który jest bardzo przydatny dla zarówno programistów jak i designerów

0:13i ma on tak naprawdę tylko jedno zadanie sprawdzanie kontrastu kontrast

0:17czyli jakby różnica między kolorem jest bardzo istotną

0:21rzeczą w kontekście dostępności i accessibility ponieważ wpływa on

0:25na to jak dużo użytkownik może odczytać jeśli

0:30na przykład ma jakieś niepełnosprawności związane ze wzrokiem czy niedowidzi koloru

0:34cierpi na daltonizm zaponmiał okularów czy tak naprawdę jest zwykłym

0:39użytkownikiem bez żadnych problemów ze wzrokiem ale to też ułatwia

0:43jakby odczyt informacji i sprawia że on jest przyjemny więc tutaj mamy widoczne contrast ratio

0:47i możemy wpisać kolor tła i kolor

0:51tekstu żeby porównać jaki nasz paleta kolorów ma współczynnik

0:56do siebie czarny do białego ma 21 do jednego i to jest naprawdę

1:00bardzo ekstremalny kontrast najwyższy jaki jest możliwy no bo takie mamy spektrum

1:04kolorów natomiast jeśli zmienimy sobie kontrast na przykład na jakiś zielone 34b399

1:09to jest taki zielony z którego ja często

1:13korzystałem damy na nim biały tekst no to już widzimy że tutaj contrast ratio jest

1:17zbyt małe i generalnie nie zalicza w ogóle standardów wcag 2.1

1:22ani w kontekście aa ani aaa to są jakby dwa

1:26różne poziomy wskaźniku kontrastu który standard wcag

1:30narzuca no i oczywiście aaa jest tym lepszym aa

1:35jest takim wystarczającym ale też nie jakimś tam za bardzo

1:39ekstremalnym jeżeli nie spełniamy aa no to generalnie nasza strona nie

1:44jest dostępna w kontekście kontrastu no i to narzędzie jest bardzo dobre do

1:48testowania tego typu rzeczy jeżeli zamienimy miejscem te kolory to tak

1:52naprawdę kontrast będzie dalej taki sam tylko po prostu będziemy mieli zielony tekst

1:56na białym tle ale kontrast generalnie jest tak samo zły jeżeli

2:00tak jest mały no to to się będzie tak wizualnie rozlewać będzie generalnie niezbyt przyjemne

2:04dlaczego Whocanuse jest dobrym narzędziem do tego typu sprawdzania przede wszystkim

2:08dlatego że poza zwykłym sprawdzaniem kontrastu które jest też generalnie zawarte

2:13w narzędziach deweloperskich Whocanuse od razu daje nam informacje

2:17na temat kto będzie mógł z danego zestawu kolorów korzystać

2:21czyli jeśli na przykład zmienimy tutaj kolor na 696e9e

2:26no to widzimy oczywiście że dalej ten kolor jest niewystarczający

2:30natomiast jeśli zmienimy to powiedzmy na ffffff to widzimy

2:35że to połączenie kolorów jest o wiele lżejsze dla oka jest o wiele bardziej czytelne i tutaj już

2:39spełniamy od razu wymogi aa ponieważ mamy contrast ratio powyżej

2:434,5 no i widzimy że generalnie większość osób będzie

2:47w stanie odczytać ten kolor tutaj widać że 33% społeczeństwa

2:51może mieć jednak problem z tym z tą kombinacja kolorów z powodu cataractsów

2:56czyli generalnie takiego zaśnieżenia wzroku myślę że można

3:00to troszkę sobie porównać do brudnych okularów jeżeli mamy faktycznie takie

3:04jakby chmury i fragmenty w których obraz nam się troszkę rozjeżdża

3:08no to ten kolor to połączenie kolorów może nie być wystarczająco czytelne

3:13no i tak samo w low vision bardzo ciekawym też aspektem jest direct

3:17sunlight jest czyli ten wskaźnik pokazuje nam czy to połączenie kolorów

3:21będzie widoczne w ostrym słońcu jeżeli jesteś na dworze świeci faktycznie

3:25słońce przeglądamy stronę internetową i akurat tak niefortunnie nam świeci

3:29że na naszym ekranie widzimy mniej no i czy to połączenie

3:33kolorów będzie wystarczające oczywiście im większy kontrast tym

3:38generalnie te wszystkie statystyki będą lepsze gdy ja tworzę swoje palety

3:42kolorów dla swoich produktów zawsze staram się żeby mimo wszystko w

3:46każdym połączeniu tekstu i tła spełnić wszystkie punkty

3:51na Whocanuse bo wtedy czuję że po prostu to połączenie kolorów

3:55jest dobre staram się znajdować też takie kolory które są estetycznie

3:59przyjazne dla użytkownika nie robię po prostu czarnego na

4:04żółtym ponieważ jakby

4:09to akurat nie jest takim złym połączeniem ale jeżeli na przykład zrobilibyśmy odwrotnie

4:14i tutaj wstawili żółty a tutaj dali czerwone no

4:18to to już jest bardzo krzykliwe i nieprzyjemne i też ten kontrast nie jest najlepszy

4:22więc generalnie zawsze staram się znaleźć balans pomiędzy estetyką

4:27a kontrastem właśnie ze względu na dostępność i

4:31Whocanuse jest moim narzędziem po które zawsze sięgam jeżeli pracuje z paletami kolorów

4:35fajnym featurem jest też to że można po prostu jakiś kolor udostępnić

4:40i wysłać komuś jako propozycje na zmianę czy czy adaptacji

4:45obecnej palety kolorów