Jak jsou na tom parádní weby        s přístupností Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s.
Jmenuji se Radek Pavlíček a jsem metodik     projektu Blind Friendly Web.
O přístupnosti také píšu na blogu          poslepu.cz.
Smyslem přístupnosti je zmírňovatnebo odstraňovat bariéry na webutak, aby web kladl svým uživatelům co nejméně překážek a ...
Pět pilířů přístupnosti
Dostupnost. Uživatel musí být schopen se      k informacím vůbec dostat.
Ovladatelnost. Pokud už k nim dostane, musíje být schopen ovládat (příkladem mohou být             formulářové prvky).
Srozumitelnost. Uživatel musí rozumět     tomu, co se po něm chce.
Orientace. Uživatel se musí být schopen      dostat tam, kam potřebuje.
Čas. Toto všechno musí zvládnout        v rozumném čase.
Dobrá              přístupnost patří                 k základním   Emoce                  kamenůmPřesvědčivost   webdesign...
Legislativní důvody• Úmluva o právech osob se zdravotním  postižením• Vyhláška o přístupnosti (č. 64/2008 Sb.)• Evropská k...
Naše testování jsme zaměřili nauživatele se zrakovým postižením.
Přístupnost není jen pro zdravotně            postižené.
23 webů
Uživatelské a heuristické testování                    Heuristické    Uživatelské      testování     testování
Heuristické testování. Posouzení, zda webvyhovuje požadavkům Vyhlášky o přístupnosti.
Uživatelské testování• Dva jednoduché úkoly  – Vyhledat kontakt na zubního lékaře  – Zjistit ID datové schránky
Prodej                                           Uspělo                                           NeuspěloPouze na 4 webec...
Co dělat pro lepší   přístupnost
Zahrnout požadavek napřístupnost do zadávací     dokumentace.
Vybrat si dodavatele, který   přístupnost „umí“.
Zavést přístupnost jakonedílnou součást interních   metodik a procesů.
Jak vám může pomociprojekt Blind Friendly Web
Osvěta
Praktické ukázky
Školení
Testování
Praktické rady a tipy
Často stačí málo
Ovladatelnost z klávesnice
Nadpisy
Navigace
Textová alternativa grafických prvků
Dostatečnýbarevný kontrast
A motivační slajd na závěr ;)        Ani firmám jakými jsouSeznam, Google, Microsoft či Apple není
Kontaktpavlicek@blindfriendly.cz        @radlicek
Photo credits•   http://www.flickr.com/photos/cornelluniversitylibrary/3678984206/•   http://www.flickr.com/photos/nationa...
Jak jsou na tom parádní weby s přístupností
Upcoming SlideShare
Loading in...5
×

Jak jsou na tom parádní weby s přístupností

611

Published on

Prezentace ze semináře soutěže Parádní web 2012, v níž jsme pod hlavičkou projektu Blind Friendly Web testovali přístupnost soutěžních webů nejen pro uživatele s těžkým postižením zraku.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
611
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Jak jsou na tom parádní weby s přístupností

  1. 1. Jak jsou na tom parádní weby s přístupností Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s.
  2. 2. Jmenuji se Radek Pavlíček a jsem metodik projektu Blind Friendly Web.
  3. 3. O přístupnosti také píšu na blogu poslepu.cz.
  4. 4. Smyslem přístupnosti je zmírňovatnebo odstraňovat bariéry na webutak, aby web kladl svým uživatelům co nejméně překážek a ti jej mohli bez problémů používat.
  5. 5. Pět pilířů přístupnosti
  6. 6. Dostupnost. Uživatel musí být schopen se k informacím vůbec dostat.
  7. 7. Ovladatelnost. Pokud už k nim dostane, musíje být schopen ovládat (příkladem mohou být formulářové prvky).
  8. 8. Srozumitelnost. Uživatel musí rozumět tomu, co se po něm chce.
  9. 9. Orientace. Uživatel se musí být schopen dostat tam, kam potřebuje.
  10. 10. Čas. Toto všechno musí zvládnout v rozumném čase.
  11. 11. Dobrá přístupnost patří k základním Emoce kamenůmPřesvědčivost webdesignu.Důvěryhodnost Použitelnost Přístupnost Dostupnost Nalezitelnost
  12. 12. Legislativní důvody• Úmluva o právech osob se zdravotním postižením• Vyhláška o přístupnosti (č. 64/2008 Sb.)• Evropská komise - Směrnice o přístupnosti• Adaptace mezinárodně uznávaného doporučení WCAG 2.0 (ISO 40500)
  13. 13. Naše testování jsme zaměřili nauživatele se zrakovým postižením.
  14. 14. Přístupnost není jen pro zdravotně postižené.
  15. 15. 23 webů
  16. 16. Uživatelské a heuristické testování Heuristické Uživatelské testování testování
  17. 17. Heuristické testování. Posouzení, zda webvyhovuje požadavkům Vyhlášky o přístupnosti.
  18. 18. Uživatelské testování• Dva jednoduché úkoly – Vyhledat kontakt na zubního lékaře – Zjistit ID datové schránky
  19. 19. Prodej Uspělo NeuspěloPouze na 4 webech byli schopni všichni testeřinajít požadované informace.
  20. 20. Co dělat pro lepší přístupnost
  21. 21. Zahrnout požadavek napřístupnost do zadávací dokumentace.
  22. 22. Vybrat si dodavatele, který přístupnost „umí“.
  23. 23. Zavést přístupnost jakonedílnou součást interních metodik a procesů.
  24. 24. Jak vám může pomociprojekt Blind Friendly Web
  25. 25. Osvěta
  26. 26. Praktické ukázky
  27. 27. Školení
  28. 28. Testování
  29. 29. Praktické rady a tipy
  30. 30. Často stačí málo
  31. 31. Ovladatelnost z klávesnice
  32. 32. Nadpisy
  33. 33. Navigace
  34. 34. Textová alternativa grafických prvků
  35. 35. Dostatečnýbarevný kontrast
  36. 36. A motivační slajd na závěr ;) Ani firmám jakými jsouSeznam, Google, Microsoft či Apple není
  37. 37. Kontaktpavlicek@blindfriendly.cz @radlicek
  38. 38. Photo credits• http://www.flickr.com/photos/cornelluniversitylibrary/3678984206/• http://www.flickr.com/photos/nationaalarchief/4025536029/• http://www.bibri.net/wp-content/uploads/2009/11/Ubuntu-910-obsah1.jpg• http://4.bp.blogspot.com/__1B7eTIn3jM/SoMylQ_RqWI/AAAAAAAAAAw/F8u_jty p3IA/s400/Learn-Hiragana.jpg• http://www.mariezabranska.com/pict/textil/16.jpg• http://www.flickr.com/photos/_sk/4042566406/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×