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

Accessibility now

Embed Size (px)

Citation preview

Page 1: Accessibility now

ACCESSIBILITY W SIECI  NOW! GO ONLINE WARSZAWA 04/2013

Jarosław Królewski

Page 2: Accessibility now

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        

 

Page 3: Accessibility now

TEMATYKA SPOTKANIA

Page 4: Accessibility now

Czyli absolutne podstawy!Obowiązujące już w XX wieku…J

Czym jest dostępność?

Page 5: Accessibility now

HCI HUMAN  –  COMPUTER  INTERACTION  

Page 6: Accessibility now

Interfejs użytkownika

Page 7: Accessibility now

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  

 

Page 8: Accessibility now

USER INTERFACE (UI)

Input  (users)    manipulacja  systemem  

Output  (system)      efekty  manipulacji  

Page 9: Accessibility now

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.          

 

Page 10: Accessibility now

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).  

 

 

Page 11: Accessibility now

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.        

Page 12: Accessibility now

UX VS USABILITY?

Stephen P. Andersons

Page 13: Accessibility now

THE USER EXPERIENCE HONEYCOMB

Page 14: Accessibility now

Liczba osób niepełnosprawnych w

Polsce?

Page 15: Accessibility now

4,7 mln (2011)

Page 16: Accessibility now

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

Page 17: Accessibility now

Mity

Page 18: Accessibility now

MIT 1 Dostępność dotyczy

wyłącznie osób z wadami wzroku

Page 19: Accessibility now

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  

Page 20: Accessibility now

MIT 3 Inwestycja w accessibility jest trudna do

implementacji i pracochłonna

Page 21: Accessibility now

MIT 4 Przestrzeganie reguł accessibility ogranicza

kreatywność designerów Campaign Monitor

Apple.com  

Page 22: Accessibility now

MIT 5 Dostępny serwis to serwis drogi

Page 23: Accessibility now

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

Page 24: Accessibility now

MIT 7 Automatyczne testy są wystarczające

Page 25: Accessibility now

MIT 8 Wersja tekstowa strony wystarczy

Page 26: Accessibility now

Przykłady

Page 27: Accessibility now

WYMAGANIA  TECHNICZNE  

Np. Utilitia.pl

Page 28: Accessibility now

PROTANOPIA  

Np. Vischeck

Page 29: Accessibility now

DEUTERANOPIA  

Page 30: Accessibility now

TRITANOPIA  

Page 31: Accessibility now

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ść)

Page 32: Accessibility now

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)

Page 33: Accessibility now

STEROWANIE ZA POMOCĄ MRUGNIĘĆ

Page 34: Accessibility now

CZYTNIKI EKRANÓW

Page 35: Accessibility now

MÓWIACA PRZEGLĄDARKA

Page 36: Accessibility now

NAJCZĘSTSZE PROBLEMY

Page 37: Accessibility now

NAJCZĘSTSZE PROBLEMY (WEBAIM)

Page 38: Accessibility now

MOBILE EVERYWHERE

Page 39: Accessibility now

DLACZEGO (NIE) WARTO

Page 40: Accessibility now

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;

Page 41: Accessibility now

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

Page 42: Accessibility now

Serwisy i aplikacje internetowe w większości przypadków nie są

dostosowane do bieżących standardów – nie są dostępne!

Page 43: Accessibility now

KONIEC

Dziękuję  za  mile  spędzony  czas    

[email protected]