Download - I pro knihovny je přístupnost důležitá
![Page 1: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/1.jpg)
I pro knihovny je přístupnost důležitá
Radek Pavlíček, Blind Friendly Web
![Page 2: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/2.jpg)
Uživatelé s handicapem rádi čtou knížky či získávají informace z webu. K tomu, aby se k požadovaným informacím dostali, je ale třeba, aby tyto informace byly přístupné.
![Page 3: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/3.jpg)
Ani u této prezentace tomu zřejmě nebude jinak ;-)
![Page 4: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/4.jpg)
Co znamená přístupnost?
![Page 5: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/5.jpg)
Dostupnost
Uživatel se musí být schopen k informacím dostat.
![Page 6: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/6.jpg)
Ovladatelnost
Pokud už k nim dostane, musí je být schopen ovládat (příkladem mohou být formulářové prvky).
![Page 7: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/7.jpg)
Srozumitelnost
Uživatel musí rozumět tomu, co se po něm chce.
![Page 8: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/8.jpg)
Orientace
Uživatel se musí být schopen dostat tam, kam potřebuje.
![Page 9: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/9.jpg)
Čas
Toto všechno musí zvládnout v rozumném čase.
![Page 10: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/10.jpg)
Proč se zabývat přístupností?
![Page 11: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/11.jpg)
Uživatelé
Úpravy, vedoucí k lepší přístupnosti, neděláme pro sebe, svého šéfa, či kvůli odškrtnutí políčka splněno u kolonky přístupnosti, ale primárně pro své uživatele, aby mohli náš web používat.
![Page 12: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/12.jpg)
Zisk, úspora
Motivací může být například to, že přístupný web zvýší zisk, respektive ušetří peníze či čas, který můžete věnovat jiné činnosti.
![Page 13: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/13.jpg)
Posilování značky
Přístupnost nám také může pomoci zlepšit náš obraz v očích veřejnosti.
![Page 14: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/14.jpg)
Nalezitelnost
Dostupnost
Přístupnost
Použitelnost
Důvěryhodnost
Přesvědčivost
Emoce
Na Řezáčově pyramidě webdesignu patří přístupnost k základním kamenům tvorby webu.
![Page 15: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/15.jpg)
Ani tak velkým firmám, jakými jsou Seznam.cz, Google, Apple či Microsoft, není přístupnost cizí.
![Page 16: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/16.jpg)
Pokud pozitivní motivace selže, může přijít trest ve formě žaloby (u nás se naštěstí moc nenosí) či špatné reputace na základě stížnosti na sociálních sítích.
![Page 17: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/17.jpg)
Sociální sítě
Sociální sítě mohou hodně pomoci, ale i hodně uškodit. A kritika se na nich zpravidla šíří rychleji, než kladné ohlasy.
![Page 18: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/18.jpg)
Komu všemu pomohu?
![Page 19: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/19.jpg)
Přístupnost pomáhá lidem s nejrůznějším zdravotním postižením: lidem nevidomým, slabozrakým, tělesně či sluchově postiženým, lidem s kognitivními poruchami či poruchami učení.
![Page 20: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/20.jpg)
![Page 21: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/21.jpg)
![Page 22: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/22.jpg)
![Page 23: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/23.jpg)
![Page 24: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/24.jpg)
Tito uživatelé používají k přístupu k informacím nejrůznější technologie či zařízení.
![Page 25: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/25.jpg)
Praktické ukázky práces asistivními technologiemi
www.youtube.com/poslepu
![Page 26: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/26.jpg)
Přístupnost není jen pro handicapované
Přístupnost se ale netýká jen lidí se zdravotním postižením. Pomáhá i dalším: vědcům, kteří často mají nějaké kognitivní poruchy, seniorům, dětem, geekům…
![Page 27: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/27.jpg)
Mobilní web
Velmi důležitou se přístupnost stává s nástupem mobilního webu.
![Page 28: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/28.jpg)
Způsob práce s webem na mobilním telefonu je totiž v řadě případů velmi podobný práci s webem za pomoci asistivní technologie.
![Page 29: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/29.jpg)
Jak testujeme v soutěži Biblioweb a čím je pro nás charakteristická?
![Page 30: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/30.jpg)
Hodně webů (49)
Soutěže se každoročně účastní několik desítek webů, které musíme otestovat.
![Page 31: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/31.jpg)
Málo času
Na testování máme relativně málo času – přibližně 3 týdny.
![Page 32: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/32.jpg)
Weby různé úrovně
Do soutěže se hlásí weby různé úrovně. Dobrý (Městská knihovna Litvínov) a špatný (Městská knihovna Frýdek-Místek) příklad webu, se kterými se při testování setkáváme.
![Page 33: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/33.jpg)
Zkrácený test přístupnosti
25 z 49postup do finále
Letos byl poprvé součástí hodnocení tzv. zkrácený test přístupnosti, jehož účelem bylo „pustit dál“ jen ty weby, které nevykazovaly žádné zásadní problémy s přístupností. Přošlo jich 25 ze 49.
![Page 34: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/34.jpg)
Uživatelskétestování
Heuristické testování
Naše testování je mixem heuristického (tzn. testování podle vybraných pravidel přístupnosti) a uživatelského testování.
![Page 35: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/35.jpg)
Nalezeno
Nenalezeno
Poplatek
NalezenoNenalezeno
Pouze na 68 % webů byli schopni testeři najít tak základní informaci, jakou je výše ročního čtenářského poplatku.
![Page 36: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/36.jpg)
Series1
0
1
2
3
4
5
6
7
8
9
10
A takto to letos dopadlo.
![Page 37: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/37.jpg)
Výsledky
Zprávy na www.blindfriendly.cz
Důraz na transparentnost
![Page 38: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/38.jpg)
Drtivá většina knihovens weby nic nedělá
![Page 39: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/39.jpg)
Důvody
Chybí odborné znalosti
Finance
Corporate identity,manažerské rozhodnutí…
Nezájem
![Page 40: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/40.jpg)
Často stačí málo
I malá úprava pomůže, není třeba hned předělávat celý web - často stačí málo a přístupnost webu se výrazně zlepší.
![Page 41: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/41.jpg)
Dobré příklady táhnou ;-)
![Page 42: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/42.jpg)
Dobré příklady táhnou ;-)
![Page 43: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/43.jpg)
Testování přístupnostipodomácku ;-)
![Page 44: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/44.jpg)
Ovladatelnost z klávesnice
![Page 45: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/45.jpg)
Vyzkoušejte si, jak se dá váš web ovládat pouze z klávesnice. Nic speciálního k tomu nepotřebujete. Stačí vám jen klávesnice ;-)
![Page 46: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/46.jpg)
Nadpisy
Čím je pro čtenáře knihy Obsah, tím je pro uživatele osnova dokumentu, vytvořená z korektně vyznačených nadpisů.
![Page 47: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/47.jpg)
Nadpisy jsou často vyznačeny vizuálně, ale k tomu, aby s nimi dokázali pracovat třeba i nevidomí, je nutné je správně vyznačit i v kódu. Jak to udělat:
![Page 48: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/48.jpg)
Osnova dokumentu z nadpisů může vypadat třeba takto.
![Page 49: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/49.jpg)
To, jak osnova konkrétní webové stránky vypadá, zjistíte například pomocí Web Developer Toolbaru pro prohlížeč Mozilla Firefox.
![Page 50: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/50.jpg)
Navigace
Zorientují se uživatelé na vašem webu? Dostanou se tam, kam potřebují?
![Page 51: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/51.jpg)
Navigace – kufrový test
• O jaký server se jedná? (Logo serveru)• Na jaké jsem stránce? (Název stránky)• Jaké jsou hlavní sekce tohoto serveru? (Sekce)• Jaké mám na dané úrovni možnosti? (Lokální
navigace)• Kde se nacházím v hierarchii serveru? (Drobečková
navigace)• Jakým způsobem mohu vyhledávat?
Zjistíte to kufrovým testem.
![Page 52: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/52.jpg)
Textová alternativa ke grafice
Pokud dáváte na stránky nějakou grafiku, nezapomeňte k ní přiřadit textovou alternativu.
![Page 53: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/53.jpg)
Dostatečný barevný kontrast
Dostatečný barevný kontrast
Mějte své stránky dostatečně kontrastní.
![Page 54: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/54.jpg)
To, zda je kontrast zvolený barev dostatečný, zjistíte například pomocí aplikace Colour Contrast Analyser.
![Page 55: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/55.jpg)
Jak vám může pomociBlind Friendly Web
![Page 56: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/56.jpg)
Osvěta
Můžeme pro vás udělat přednášku o přístupnosti na konferenci či workshopu.
![Page 57: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/57.jpg)
Školení
Přístupnost také školíme – nabízíme veřejná školení i školení na míru pro firmy či organizace.
![Page 58: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/58.jpg)
Testování
Testujeme: weby, aplikace, pomůcky. Více informací o našich službách najdete na www.blindfriendly.cz/sluzby.
![Page 59: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/59.jpg)
Rady, tipy, know-how
Další informace o přístupnosti najdete na www.blindfriendly.cz, www.poslepu.cz, www.youtube.com/poslepu či www.twitter.com/radlicek.
![Page 60: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/60.jpg)
Zapamatujte si
![Page 61: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/61.jpg)
Přístupnost pomáhá všem
Přístupnost pomáhá celé řadě uživatelů – nejen těm se zdravotním handicapem.
![Page 62: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/62.jpg)
Často stačí málo
Často i drobná změna webu (doplnění nadpisů, zlepšení kontrastu či přidání popisků k formulářovým prvkům) výrazně zlepší jeho přístupnost.
![Page 63: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/63.jpg)
Máte se kam obrátit
Další informace o přístupnosti najdete na www.blindfriendly.cz, www.poslepu.cz, www.youtube.com/poslepu či www.twitter.com/radlicek. Nabídku našich služeb na www.blindfriendly.cz/sluzby
![Page 65: I pro knihovny je přístupnost důležitá](https://reader036.vdocuments.site/reader036/viewer/2022070316/5560fa6ed8b42a424d8b4ca0/html5/thumbnails/65.jpg)
Photo credits• http://www.flickr.com/photos/nationaalarchief/4025536029/• http://www.flickr.com/photos/cornelluniversitylibrary/3678984206/• http://www.flickr.com/photos/30795657@N00/434222764/• http://www.flickr.com/photos/30072283@N00/4782154855/• http://www.flickr.com/photos/_sk/4042566406/sizes/o/in/photostream/• http://www.flickr.com/photos/51035702460@N01/19245594/• http://www.flickr.com/photos/jasonpearce/136206624/sizes/l/in/photostrea
m/• http://
www.pooh.cz/upload/img/1000/trattoria-laura-facebook-faux-pas-2.png• http://lorenc.info/3MA381/tabulatory.htm• 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