jak jsou na tom parádní weby s přístupností
DESCRIPTION
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.TRANSCRIPT
![Page 1: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/1.jpg)
Jak jsou na tom parádní webys přístupností
Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s.
![Page 2: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/2.jpg)
Jmenuji se Radek Pavlíček a jsem metodik projektu Blind Friendly Web.
![Page 3: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/3.jpg)
O přístupnosti také píšu na blogu poslepu.cz.
![Page 4: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/4.jpg)
Smyslem přístupnosti je zmírňovat nebo odstraňovat bariéry na webu tak, aby web kladl svým uživatelům co nejméně překážek a ti jej mohli
bez problémů používat.
![Page 5: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/5.jpg)
Pět pilířů přístupnosti
![Page 6: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/6.jpg)
Dostupnost. Uživatel musí být schopen sek informacím vůbec dostat.
![Page 7: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/7.jpg)
Ovladatelnost. Pokud už k nim dostane, musí je být schopen ovládat (příkladem mohou být
formulářové prvky).
![Page 8: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/8.jpg)
Srozumitelnost. Uživatel musí rozumět tomu, co se po něm chce.
![Page 9: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/9.jpg)
Orientace. Uživatel se musí být schopen dostat tam, kam potřebuje.
![Page 10: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/10.jpg)
Čas. Toto všechno musí zvládnout v rozumném čase.
![Page 11: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/11.jpg)
Nalezitelnost
Dostupnost
Přístupnost
Použitelnost
Důvěryhodnost
Přesvědčivost
Emoce
Dobrá přístupnost patří
k základním kamenům
webdesignu.
![Page 12: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/12.jpg)
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)
![Page 13: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/13.jpg)
Naše testování jsme zaměřili na uživatele se zrakovým postižením.
![Page 14: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/14.jpg)
Přístupnost není jen pro zdravotně postižené.
![Page 15: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/15.jpg)
![Page 16: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/16.jpg)
23 webů
![Page 17: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/17.jpg)
Uživatelské a heuristické testování
Uživatelskétestování
Heuristické testování
![Page 18: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/18.jpg)
Heuristické testování. Posouzení, zda web vyhovuje požadavkům Vyhlášky o přístupnosti.
![Page 19: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/19.jpg)
Uživatelské testování
• Dva jednoduché úkoly
– Vyhledat kontakt na zubního lékaře
– Zjistit ID datové schránky
![Page 20: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/20.jpg)
Pouze na 4 webech byli schopni všichni testeři najít požadované informace.
Prodej
UspěloNeuspělo
![Page 21: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/21.jpg)
Co dělat pro lepší přístupnost
![Page 22: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/22.jpg)
Zahrnout požadavek na přístupnost do zadávací
dokumentace.
![Page 23: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/23.jpg)
Vybrat si dodavatele, který přístupnost „umí“.
![Page 24: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/24.jpg)
Zavést přístupnost jako nedílnou součást interních
metodik a procesů.
![Page 25: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/25.jpg)
Jak vám může pomociprojekt Blind Friendly Web
![Page 26: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/26.jpg)
Osvěta
![Page 27: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/27.jpg)
Praktické ukázky
![Page 28: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/28.jpg)
Školení
![Page 29: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/29.jpg)
Testování
![Page 30: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/30.jpg)
Praktické rady a tipy
![Page 31: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/31.jpg)
Často stačí málo
![Page 32: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/32.jpg)
Ovladatelnost z klávesnice
![Page 33: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/33.jpg)
Nadpisy
![Page 34: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/34.jpg)
Navigace
![Page 35: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/35.jpg)
Textová alternativa grafických prvků
![Page 36: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/36.jpg)
Dostatečný barevný kontrast
![Page 37: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/37.jpg)
A motivační slajd na závěr ;)Ani firmám jakými jsou Seznam, Google, Microsoft či Apple není přístupnost cizí.
![Page 39: Jak jsou na tom parádní weby s přístupností](https://reader035.vdocuments.pub/reader035/viewer/2022081413/54999bbdb47959af258b4604/html5/thumbnails/39.jpg)
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_jtyp3IA/s400/Learn-Hiragana.jpg• http://www.mariezabranska.com/pict/textil/16.jpg• http://www.flickr.com/photos/_sk/4042566406/