1. ACCESSIBILITY W SIECI
NOW! GO ONLINE
WARSZAWA 04/2013
Jarosław Królewski

2. AGENDA
1. Czym
jest
dostępność?
2. Mity
3. Dobre
praktyki
i
matryca
dostępności
(via
email)
4. Przykłady
5. Najczęstsze
problemy
6. Dlaczego
(nie)
warto

3. TEMATYKA SPOTKANIA

4. Czyli absolutne podstawy!
Obowiązujące już w XX wieku…J
Czym jest dostępność?

5. HCI
HUMAN
–
COMPUTER
INTERACTION

6. Interfejs użytkownika

7. USER INTERFACE (UI)
Miejsce/przestrzeń/środowisko
za
pomocą
którego
człowiek
styka
się
z
maszyną
chcąc
wykonać
przy
jej
pomocy
określone
działania,
niekoniecznie
dotyczy
to
interakcji
człowiek
-­‐
komputer

8. USER INTERFACE (UI)
Input
(users)
manipulacja
systemem
Output
(system)
efekty
manipulacji

9. CZYM JEST DOSTĘPNOŚĆ
Dostępność
to
uniwersalność
systemu
Oznacza
to,
że
jest
on
łatwy
w
użytkowaniu
dla
każdej
osoby,
bez
względu
na
stopień
i
rodzaj
niepełnosprawności.

10. CZYM JEST DOSTĘPNOŚĆ
Z
technologicznego
punktu
widzenia
dostępny
serwis
przygotowany
jest
według
najwyższych
standardów.
Dzięki
temu
można
go
łatwo
adaptować
na
inne
urządzenia.
Rekomendacje
W3C
WAI
• WCAG
-­‐
Web
Content
Accessibility
Guidelines
(Wytyczne
dotyczące
dostępności
treści
internetowych).
• ATAG
-­‐
Authoring
Tool
Accessibility
Guidelines
(Wytyczne
dotyczące
dostępności
narzędzi
autorskich).
• UAAG
-­‐
User
Agent
Accessibility
Guidelines
(Wytyczne
dotyczące
dostępności
klienta
użytkownika).

11. WAŻNE KRYTERIA DOSTĘPNOŚĆI
Czynnik
ludzki
ma
w
tworzeniu
dostępnego
serwisu
znaczenie
nadrzędne!
Zrozumiałość
przekazu
-­‐
to
najważniejszy
element
zarówno
dla
osób
niepełnosprawnych,
jak
i
w
pełni
sprawnych.

12. UX VS USABILITY?
Stephen P. Andersons

13. THE USER EXPERIENCE HONEYCOMB

14. Liczba osób
niepełnosprawnych w
Polsce?

15. 4,7 mln (2011)

16. TYPY NIEPEŁNOSPRAWNOŚCI
• Użytkownicy niewidomi i ociemniali
• Użytkownicy niedowidzący
• Osoby niesłyszące
• Osoby niepełnosprawne ruchowo
• Niepełnosprawności i zaburzenia poznawcze oraz intelektualne

17. Mity

18. MIT 1
Dostępność dotyczy
wyłącznie osób z wadami wzroku

19. MIT 2
Znakomity i szałowy design = wymierne
rezultaty
“Design is not just what it looks like and
feels like. Design is how it works”
Steve Jobs

20. MIT 3
Inwestycja w accessibility jest trudna do
implementacji i pracochłonna

21. MIT 4
Przestrzeganie reguł accessibility ogranicza
kreatywność designerów
Campaign Monitor
Apple.com

22. MIT 5
Dostępny serwis to serwis drogi

23. MIT 6
Dostępność dotyczy niewielkiej liczby osób

24. MIT 7
Automatyczne testy są wystarczające

25. MIT 8
Wersja tekstowa strony wystarczy

26. Przykłady

27. WYMAGANIA
TECHNICZNE
Np. Utilitia.pl

28. PROTANOPIA
Np. Vischeck

29. DEUTERANOPIA

30. TRITANOPIA

31. TEST KONTRASTU (CONTRAST ANALYSER)
Rekomendacje W3C http://www.w3.org/TR/WCAG20
wskaźnik kontrastu (WK): 4.5:1 i wyżej
wskaźnik jasności (WJ): 125 i wyżej
(różnica kolorów)/500 i wyżej (różnica - jasność)

32. TEST KONTRASTU (CONTRAST ANALYSER)
WK: 3,0:1 (niewystarczający)
WJ: 107/300 (niewystarczający)
WK: 2,1:1 (niewystarczający)
WJ: 78/268 (niewystarczający)
WK: 9,9:1 (wystarczający)
WJ: 197/555 (wystarczający)
WK: 5,5:1 (niewystarczający)
WJ: 151/451 (niewystarczający)

33. STEROWANIE ZA POMOCĄ MRUGNIĘĆ

34. CZYTNIKI EKRANÓW

35. MÓWIACA PRZEGLĄDARKA

36. NAJCZĘSTSZE
PROBLEMY

37. NAJCZĘSTSZE PROBLEMY (WEBAIM)

38. MOBILE EVERYWHERE

39. DLACZEGO (NIE)
WARTO

40. DLACZEGO NIE WARTO?
PODSTAWOWE WYMÓWKI
1. Nie mamy czasu;
2. Nie mamy kasy;
3. Nie mamy eksperta;
4. Nie mamy pojęcia jak zinterpretować wyniki analiz;

41. DLACZEGO WARTO?
KORZYŚCI
1. Optymalizacja SEO;
2. Konwersja;
3. Minimalizacja kosztów;
4. Poprawa Usability & User Experience;
5. Niezależność sprzętowa;
6. Reputacja

42. Serwisy i aplikacje internetowe w
większości przypadków nie są
dostosowane do bieżących
standardów – nie są dostępne!

43. KONIEC
Dziękuję
za
mile
spędzony
czas
jaroslaw.krolewski@humanoitgroup.com