SlideShare uma empresa Scribd logo
1 de 65
Baixar para ler offline
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é.
Ani u této prezentace tomu zřejmě nebude jinak ;-)
Uživatel se musí být schopen k informacím dostat.
Pokud už k nim dostane, musí je být schopen ovládat
(příkladem mohou být formulářové prvky).
Uživatel musí rozumět tomu, co se po něm chce.
Uživatel se musí být schopen dostat tam, kam potřebuje.
Toto všechno musí zvládnout v rozumném čase.
Ú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.
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.
Přístupnost nám také může pomoci zlepšit náš obraz v očích
veřejnosti.
Emoce
                         Přesvědčivost
                        Důvěryhodnost
                          Použitelnost
                           Přístupnost
                           Dostupnost
                          Nalezitelnost
Na Řezáčově pyramidě webdesignu patří přístupnost k základním
kamenům tvorby webu.
Ani tak velkým firmám, jakými jsou
Seznam.cz, Google, Apple či Microsoft, není přístupnost cizí.
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.
Sociální sítě mohou hodně pomoci, ale i hodně uškodit. A kritika se na
nich zpravidla šíří rychleji, než kladné ohlasy.
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í.
Tito uživatelé používají k přístupu k informacím nejrůznější technologie
či zařízení.
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…
Velmi důležitou se přístupnost stává s nástupem mobilního webu.
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.
Jak testujeme v soutěži Biblioweb a čím je pro nás charakteristická?
Soutěže se každoročně účastní několik desítek webů, které musíme
otestovat.
Na testování máme relativně málo času – přibližně 3 týdny.
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.
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
Heuristické
             Uživatelské                    testování
              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í.
Poplatek


           Nenalezeno



                                                             Nalezeno
                                            Nalezeno
                                                             Nenalezeno




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

9

8

7

6

5

4

3

2

1

0

A takto to letos dopadlo.
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ší.
Dobré příklady táhnou ;-)
Dobré příklady táhnou ;-)
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 ;-)
Čím je pro čtenáře knihy Obsah, tím je pro uživatele osnova
dokumentu, vytvořená z korektně vyznačených nadpisů.
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:
Osnova dokumentu z nadpisů může vypadat třeba takto.
To, jak osnova konkrétní webové stránky vypadá, zjistíte například
pomocí Web Developer Toolbaru pro prohlížeč Mozilla Firefox.
Zorientují se uživatelé na vašem webu? Dostanou se tam, kam
potřebují?
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.
Pokud dáváte na stránky nějakou grafiku, nezapomeňte k ní přiřadit
textovou alternativu.
Dostatečný barevný kontrast



Mějte své stránky dostatečně kontrastní.
To, zda je kontrast zvolený barev dostatečný, zjistíte například pomocí
aplikace Colour Contrast Analyser.
Můžeme pro vás udělat přednášku o přístupnosti na konferenci či
workshopu.
Přístupnost také školíme – nabízíme veřejná školení i školení na míru
pro firmy či organizace.
Testujeme: weby, aplikace, pomůcky. Více informací o našich službách
najdete na www.blindfriendly.cz/sluzby.
Další informace o přístupnosti najdete na
www.blindfriendly.cz, www.poslepu.cz, www.youtube.com/poslepu či
www.twitter.com/radlicek.
Přístupnost pomáhá celé řadě uživatelů – nejen těm se zdravotním
handicapem.
Č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.
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
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

Mais conteúdo relacionado

Semelhante a I pro knihovny je přístupnost důležitá

Jak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíJak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíRadek Pavlíček
 
Radek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný webRadek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný webKISK FF MU
 
KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)Pája Kučerová
 
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012Radek Pavlíček
 
Tvorba přístupných dokumentů v neziskových organizacích
Tvorba přístupných dokumentů v neziskových organizacíchTvorba přístupných dokumentů v neziskových organizacích
Tvorba přístupných dokumentů v neziskových organizacíchRadek Pavlíček
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012Sherpas
 
WCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnostWCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnostRadek Pavlíček
 
JAWS - web očima nevidomých
JAWS - web očima nevidomýchJAWS - web očima nevidomých
JAWS - web očima nevidomýchRadek Pavlíček
 
Pro koho děláme web
Pro koho děláme webPro koho děláme web
Pro koho děláme webSherpas
 
Metodika webových auditů
Metodika webových auditůMetodika webových auditů
Metodika webových auditůH1.cz
 
Použitelnost webu
Použitelnost webuPoužitelnost webu
Použitelnost webuH1.cz
 
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík
 
Pavlicek testovani webu v soutezi biblioweb
Pavlicek   testovani webu v soutezi bibliowebPavlicek   testovani webu v soutezi biblioweb
Pavlicek testovani webu v soutezi bibliowebbezbarierovaknihovna
 
Testujem.cz - uživatelské testování stránek
Testujem.cz - uživatelské testování stránekTestujem.cz - uživatelské testování stránek
Testujem.cz - uživatelské testování stránekMarek Gach
 
Proč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopyProč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopyIvo Kylián
 
StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)JIC
 
Webová analytika (ČZU - Webdesign, 11. 12. 2013)
Webová analytika (ČZU - Webdesign, 11. 12. 2013)Webová analytika (ČZU - Webdesign, 11. 12. 2013)
Webová analytika (ČZU - Webdesign, 11. 12. 2013)Sherpas
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...Sherpas
 

Semelhante a I pro knihovny je přístupnost důležitá (20)

Jak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíJak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupností
 
Radek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný webRadek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný web
 
KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)
 
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
 
Tvorba přístupných dokumentů v neziskových organizacích
Tvorba přístupných dokumentů v neziskových organizacíchTvorba přístupných dokumentů v neziskových organizacích
Tvorba přístupných dokumentů v neziskových organizacích
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
 
WCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnostWCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnost
 
Domansky
DomanskyDomansky
Domansky
 
JAWS - web očima nevidomých
JAWS - web očima nevidomýchJAWS - web očima nevidomých
JAWS - web očima nevidomých
 
Pro koho děláme web
Pro koho děláme webPro koho děláme web
Pro koho děláme web
 
Metodika webových auditů
Metodika webových auditůMetodika webových auditů
Metodika webových auditů
 
Použitelnost webu
Použitelnost webuPoužitelnost webu
Použitelnost webu
 
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
 
Pavlicek testovani webu v soutezi biblioweb
Pavlicek   testovani webu v soutezi bibliowebPavlicek   testovani webu v soutezi biblioweb
Pavlicek testovani webu v soutezi biblioweb
 
Testujem.cz - uživatelské testování stránek
Testujem.cz - uživatelské testování stránekTestujem.cz - uživatelské testování stránek
Testujem.cz - uživatelské testování stránek
 
Proč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopyProč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopy
 
Kpi zavereceny ukol
Kpi zavereceny ukolKpi zavereceny ukol
Kpi zavereceny ukol
 
StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)
 
Webová analytika (ČZU - Webdesign, 11. 12. 2013)
Webová analytika (ČZU - Webdesign, 11. 12. 2013)Webová analytika (ČZU - Webdesign, 11. 12. 2013)
Webová analytika (ČZU - Webdesign, 11. 12. 2013)
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
 

Mais de Radek Pavlíček

Digitální design bez bariér
Digitální design bez bariérDigitální design bez bariér
Digitální design bez bariérRadek Pavlíček
 
Jak na přístupnost knihovních webů
Jak na přístupnost knihovních webůJak na přístupnost knihovních webů
Jak na přístupnost knihovních webůRadek Pavlíček
 
Jak a proč řeší velké weby přístupnost
Jak a proč řeší velké weby přístupnostJak a proč řeší velké weby přístupnost
Jak a proč řeší velké weby přístupnostRadek Pavlíček
 
Služby Střediska Teiresiás na konferenci INSPO 2017
Služby Střediska Teiresiás na konferenci INSPO 2017Služby Střediska Teiresiás na konferenci INSPO 2017
Služby Střediska Teiresiás na konferenci INSPO 2017Radek Pavlíček
 
Proč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republiceProč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republiceRadek Pavlíček
 
Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014Radek Pavlíček
 
Když už Vyhláška o přístupnosti nestačí
Když už Vyhláška o přístupnosti nestačíKdyž už Vyhláška o přístupnosti nestačí
Když už Vyhláška o přístupnosti nestačíRadek Pavlíček
 
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 EditionHow to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 EditionRadek Pavlíček
 
Testování přístupnosti v soutěži Zlatý erb 2013
Testování přístupnosti v soutěži Zlatý erb 2013Testování přístupnosti v soutěži Zlatý erb 2013
Testování přístupnosti v soutěži Zlatý erb 2013Radek Pavlíček
 
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?Radek Pavlíček
 
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of UniversitiesHow HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of UniversitiesRadek Pavlíček
 
How to ensure accessibility of documents, published at masaryk university
How to ensure accessibility of documents, published at masaryk universityHow to ensure accessibility of documents, published at masaryk university
How to ensure accessibility of documents, published at masaryk universityRadek Pavlíček
 
How to improve UX by implementing accessibility
How to improve UX by implementing accessibilityHow to improve UX by implementing accessibility
How to improve UX by implementing accessibilityRadek Pavlíček
 
Measuring real accessibility
Measuring real accessibilityMeasuring real accessibility
Measuring real accessibilityRadek Pavlíček
 
Příklady dobré a špatné praxe z oblasti přístupnosti
Příklady dobré a špatné praxe z oblasti přístupnostiPříklady dobré a špatné praxe z oblasti přístupnosti
Příklady dobré a špatné praxe z oblasti přístupnostiRadek Pavlíček
 
Praktické aspekty přístupnosti
Praktické aspekty přístupnostiPraktické aspekty přístupnosti
Praktické aspekty přístupnostiRadek Pavlíček
 
Radek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webuRadek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webuRadek Pavlíček
 

Mais de Radek Pavlíček (18)

Digitální design bez bariér
Digitální design bez bariérDigitální design bez bariér
Digitální design bez bariér
 
Jak na přístupnost knihovních webů
Jak na přístupnost knihovních webůJak na přístupnost knihovních webů
Jak na přístupnost knihovních webů
 
Jak a proč řeší velké weby přístupnost
Jak a proč řeší velké weby přístupnostJak a proč řeší velké weby přístupnost
Jak a proč řeší velké weby přístupnost
 
Služby Střediska Teiresiás na konferenci INSPO 2017
Služby Střediska Teiresiás na konferenci INSPO 2017Služby Střediska Teiresiás na konferenci INSPO 2017
Služby Střediska Teiresiás na konferenci INSPO 2017
 
Proč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republiceProč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republice
 
Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014
 
Když už Vyhláška o přístupnosti nestačí
Když už Vyhláška o přístupnosti nestačíKdyž už Vyhláška o přístupnosti nestačí
Když už Vyhláška o přístupnosti nestačí
 
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 EditionHow to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 Edition
 
Testování přístupnosti v soutěži Zlatý erb 2013
Testování přístupnosti v soutěži Zlatý erb 2013Testování přístupnosti v soutěži Zlatý erb 2013
Testování přístupnosti v soutěži Zlatý erb 2013
 
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
 
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of UniversitiesHow HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
 
How to ensure accessibility of documents, published at masaryk university
How to ensure accessibility of documents, published at masaryk universityHow to ensure accessibility of documents, published at masaryk university
How to ensure accessibility of documents, published at masaryk university
 
How to improve UX by implementing accessibility
How to improve UX by implementing accessibilityHow to improve UX by implementing accessibility
How to improve UX by implementing accessibility
 
Measuring real accessibility
Measuring real accessibilityMeasuring real accessibility
Measuring real accessibility
 
Příklady dobré a špatné praxe z oblasti přístupnosti
Příklady dobré a špatné praxe z oblasti přístupnostiPříklady dobré a špatné praxe z oblasti přístupnosti
Příklady dobré a špatné praxe z oblasti přístupnosti
 
Google and accessibility
Google and accessibilityGoogle and accessibility
Google and accessibility
 
Praktické aspekty přístupnosti
Praktické aspekty přístupnostiPraktické aspekty přístupnosti
Praktické aspekty přístupnosti
 
Radek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webuRadek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webu
 

I pro knihovny je přístupnost důležitá

  • 1.
  • 2. 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é.
  • 3. Ani u této prezentace tomu zřejmě nebude jinak ;-)
  • 4.
  • 5. Uživatel se musí být schopen k informacím dostat.
  • 6. Pokud už k nim dostane, musí je být schopen ovládat (příkladem mohou být formulářové prvky).
  • 7. Uživatel musí rozumět tomu, co se po něm chce.
  • 8. Uživatel se musí být schopen dostat tam, kam potřebuje.
  • 9. Toto všechno musí zvládnout v rozumném čase.
  • 10.
  • 11. Ú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.
  • 12. 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.
  • 13. Přístupnost nám také může pomoci zlepšit náš obraz v očích veřejnosti.
  • 14. Emoce Přesvědčivost Důvěryhodnost Použitelnost Přístupnost Dostupnost Nalezitelnost Na Řezáčově pyramidě webdesignu patří přístupnost k základním kamenům tvorby webu.
  • 15. Ani tak velkým firmám, jakými jsou Seznam.cz, Google, Apple či Microsoft, není přístupnost cizí.
  • 16. 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.
  • 17. Sociální sítě mohou hodně pomoci, ale i hodně uškodit. A kritika se na nich zpravidla šíří rychleji, než kladné ohlasy.
  • 18.
  • 19. 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í.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24. Tito uživatelé používají k přístupu k informacím nejrůznější technologie či zařízení.
  • 25.
  • 26. 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…
  • 27. Velmi důležitou se přístupnost stává s nástupem mobilního webu.
  • 28. 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.
  • 29. Jak testujeme v soutěži Biblioweb a čím je pro nás charakteristická?
  • 30. Soutěže se každoročně účastní několik desítek webů, které musíme otestovat.
  • 31. Na testování máme relativně málo času – přibližně 3 týdny.
  • 32. 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.
  • 33. 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
  • 34. Heuristické Uživatelské testování 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í.
  • 35. Poplatek Nenalezeno Nalezeno Nalezeno Nenalezeno 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.
  • 37.
  • 38.
  • 39.
  • 40. 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ší.
  • 43.
  • 44.
  • 45. 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 ;-)
  • 46. Čím je pro čtenáře knihy Obsah, tím je pro uživatele osnova dokumentu, vytvořená z korektně vyznačených nadpisů.
  • 47. 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:
  • 48. Osnova dokumentu z nadpisů může vypadat třeba takto.
  • 49. To, jak osnova konkrétní webové stránky vypadá, zjistíte například pomocí Web Developer Toolbaru pro prohlížeč Mozilla Firefox.
  • 50. Zorientují se uživatelé na vašem webu? Dostanou se tam, kam potřebují?
  • 51. 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.
  • 52. Pokud dáváte na stránky nějakou grafiku, nezapomeňte k ní přiřadit textovou alternativu.
  • 53. Dostatečný barevný kontrast Mějte své stránky dostatečně kontrastní.
  • 54. To, zda je kontrast zvolený barev dostatečný, zjistíte například pomocí aplikace Colour Contrast Analyser.
  • 55.
  • 56. Můžeme pro vás udělat přednášku o přístupnosti na konferenci či workshopu.
  • 57. Přístupnost také školíme – nabízíme veřejná školení i školení na míru pro firmy či organizace.
  • 58. Testujeme: weby, aplikace, pomůcky. Více informací o našich službách najdete na www.blindfriendly.cz/sluzby.
  • 59. Další informace o přístupnosti najdete na www.blindfriendly.cz, www.poslepu.cz, www.youtube.com/poslepu či www.twitter.com/radlicek.
  • 60.
  • 61. Přístupnost pomáhá celé řadě uživatelů – nejen těm se zdravotním handicapem.
  • 62. Č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.
  • 63. 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
  • 64.
  • 65. 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