Přístupnost je přínosná nejen pro uživatele se zdravotním handicapem. Prezentace na několika příkladech ze života a případových studiích ukazuje, jak je přístupnost velmi úzce provázána s dalšími oblastmi webu a jak pomáhá skutečně všem uživatelům. V prezentaci se také dozvíte, že přístupnost nemusí být nákladná a ani náročná na implementaci a také to, že často i drobná a finančně i časově nenáročná úprava může přístupnosti webu hodně pomoci.

2. Smyslem přístupnosti je zmírňovat nebo odstraňovat bariéry
na webu tak…

3. …aby kladl svým uživatelům co nejméně překážek a ti jej
mohli bez problémů používat.

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. A toto všechno musí zvládnout v rozumném čase.

10. Přístupnost pomáhá lidem, kteří špatně vidí…

11. …mají problémy se sluchem…

12. …s motorikou či hmatem…

13. …nebo nejsou schopni porozumět informacím, které
prezentujete.

14. To, že přístupnost pomáhá uživatelům se zdravotním
handicapem, je už „známá věc“.

15. Zúžení přístupnosti na určitou skupinu osob (například na
nevidomé) je dobré kvůli tomu, že web můžeme co nejlépe
uzpůsobit jejich potřebám.

16. Na druhou stranu toto zúžení přináší poměrně malou cílovou
skupinu, kvůli které na ni někteří lidé nahlížejí jako na
nezajímavou.

17. Rád bych Vám v této prezentaci ukázal, jak může přístupnost
pomáhat opravdu každému návštěvníkovi vašeho webu.

18. Podíváme se společně na 3 věci. Tou první je přesah
přístupnosti a skutečnost že, požadavky celé řady uživatelů
se překrývají.

19. Přístupnost také může pomoci zvýšit zisk nebo snížit náklady.

20. A v neposlední řadě na to, že i drobnou úpravou můžeme
přístupnost výrazně vylepšit.

22. Můj nevidomý kamarád Michal žije běžným životem jako
kdokoliv z nás – má práci, kamarády i spoustu zálib. Jen
některé věci musí dělat trochu jinak.

23. Jednou z nich je nakupování. Pro Michala je mnohem snazší
nakoupit na přístupném e-shopu…

24. …než nakupovat ve velkém nákupním centru.

25. Michal často nakupoval na vltava.cz. Nejen pro svou
potřebu, ale i dárky pro kamarády či příbuzné.

26. -1 zákazník,
pravidelně utrácející několik tisíc korun
Až do doby, kdy vltava.cz při redesignu nemyslela na
přístupnost a Michal od té doby nemohl na jejich webu
nakupovat.

27. Letos na jaře si chtěl Michal koupit pobyt v lázních.

28. Ačkoliv jsem ho přesvědčoval, že na Lednici tu máme jiné,
lepší weby… ;-)

29. …neprošlo mi to a Michal si chtěl opravdu pobyt objednat na
tomto webu. To ale kvůli nepřístupně vytvořené navigaci
nebylo možné.

30. nezakoupený pobyt
v hodnotě dvaceti tisíc korun
Lázně Lednice tak přišly o jednoho potencionálního
zákazníka, který byl ochoten u nich utratit asi 20 000 Kč.

31. Pro Michala mohou být ale užitečné i jiné weby, u kterých na
první pohled nemusí jejich přístupnost dávat smysl.
Například Sreality.cz (které jsou na tom s přístupností docela
dobře)…

32. …nebo nějaký e-shop s krmivem pro zvířata, na kterém by
mohl kupovat krmivo pro svého kocoura.
(Upozornění: obrázek je pouze ilustrační).

33. Zatímco Michala asi neznáte, představovat Davida Grudla
jistě není nutné.

34. David chtěl jednou udělat velmi jednoduchou věc – koupit si
přes mobil jízdenku na autobus.

35. Bohužel se mu to nepodařilo, protože objednávkový systém
měl velké problémy s přístupností a použitelností. Vzpomněl
si přitom na přednášku Romana Kabelky na Poslední sobotě.

36. Roman Kabelka je můj nevidomý kolega a programátor,
kterého můžete znát i z WebExpa.

37. Roman na Poslední sobotě prakticky předváděl, jak pracuje
s PC, na jaké problémy naráží a jak je lze opravit.

38. Michal
Roman David
Tím se nám kruh uzavírá a od Michala se přes Davida a
Romana dostáváme opět k Michalovi.

39. Michal
Roman
David
Potřeby našich třech pánů se vlastně moc neliší.

40. Michal = Roman
David
A protože Michal a Roman jsou nevidomí, můžeme na jejich
potřeby nahlížet opravdu jako na identické.

41. Celou situaci nám tedy může nejlépe ilustrovat Michal David.
Až ho někde uvidíte, vzpomeňte si na přístupnost ;-)

43. Legal & General Group PLC je britská společnost, která měla
velké problémy s přístupností webu. Lidé si na nepřístupnost
často stěžovali, proto jej společnost nechala zpřístupnit.

48. Sociální sítě mohou hodně pomoci, ale i hodně uškodit. A kritika se na
nich zpravidla šíří rychleji, než kladné ohlasy. Proto je dobré kritice
předcházet.

50. Kompletní informace o případové studii Legal & General Group.

51. Tesco spustilo v roce 2000 svůj nový web, který se velmi obtížně
používal lidem s těžkým postižením zraku.

52. V britském RNIB (Královský Národní Institut Nevidomých) udělali
jednoduchou věc – požádali jednu nevidomou paní, aby zkusila na
webu nakoupit, a pozvali IT manažera Tesca, aby ji při práci s webem
pozoroval.

54. Ten byl touto skutečností tak zaskočen, že se okamžitě rozhodl web
upravit. Tesco šlo cestou separátní přístupné verze, za kterou zaplatilo
35 000 liber.

58. Jen si připomeňme, že čas hraje v přístupnosti důležitou roli.

62. Později se Tesco rozhodlo separátní přístupnou verzi zrušit a v souladu
s pravidly přístupnosti upravit už primární verzi webu. Kompletní
informace o případové studii Tesca.

63. Klávesové zkratky v Kalendáři Googlu umožňují jeho ovládání nejen
nevidomým uživatelům, ale s jejich pomocí jej může efektivněji
používat opravdu každý.

64. Osnovy ve fulltextovém vyhledávání Seznamu zlepší nejen míru
prokliku, ale techniky, vedoucí k jejich vytvoření (nadpisy jako kotvy a
odkazy na ně) pomohou i nevidomým či tělesně postiženým
uživatelům.

66. Pokud nezměníme vnímání přístupnosti ve své hlavě, pak nám
nepomůže sebelepší metodika, nástroj ani testování.

67. Nejlepší je se věnovat přístupnosti už od začátku tvorby webu a
nahlížet ji jako na její nedílnou součást. Chyby se mnohem snáze
„vychytávají“ během tvorby webu, do hotového díla už se většinou
nikomu moc zasahovat nechce.

68. Často stačí jen malá úprava webu k tomu, aby se jeho přístupnost
rapidně zlepšila.

69. Samozřejmě jsou výjimky – pokud máte podobný web, jako je tento,
tak je lepší začít od začátku ;-)

70. Naopak u tohoto webu, při jehož tvorbě někdo zjevně bral přístupnost
v potaz, by stačilo…

71. …zlepšit kontrast barev v menu a zpřístupnit položky submenu
i z klávesnice. Což je práce, která moc času nezabere.

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

74. Pokud jste schopni se na všechny „focusovatelné“ prvky dostat a
ovládat je pomocí klávesnice, je vše v pořádku.

75. Čím je pro čtenáře knihy její obsah, tím je pro uživatele osnova
dokumentu, vytvořená z korektně vyznačených nadpisů.

76. 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
přístupně strukturovat webovou stránku pomocí nadpisů.

77. Osnova dokumentu z nadpisů může vypadat například takto.

78. To, jak osnova konkrétní webové stránky vypadá, zjistíte například
pomocí Web Developer Toolbaru pro prohlížeč Mozilla Firefox.

79. Zorientují se uživatelé na vašem webu? Dostanou se tam, kam
potřebují?

80. Pokud dáváte na stránky nějakou grafiku, nezapomeňte k ní přiřadit
textovou alternativu.

81. Dostatečný barevný kontrast
Mějte barvy na svých webových stránkách dostatečně kontrastní.

82. To, zda je vzájemný kontrast barev dostatečný, zjistíte například pomocí
aplikace Colour Contrast Analyser.

84. Přístupnost pomáhá celé řadě uživatelů – nejen těm se zdravotním
handicapem.

85. Č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.

86. Přístupnost může pomoci vydělat peníze či snížit náklady na provoz
webu.

87. Přístupnost také může pomoci zlepšit obraz firmy v očích veřejnosti a
kladné vnímání naší značky.

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

90. Photo credits
• http://www.fotopedia.com/items/flickr-415742494
• http://kiraturner.files.wordpress.com/2012/01/crowdscene.jpg?w=604
• http://www.flickr.com/photos/wolfgangstaudt/2557507105/
• http://www.flickr.com/photos/nationaalarchief/4025536029/
• http://www.flickr.com/photos/cornelluniversitylibrary/3678984206/
• http://www.flickr.com/photos/_sk/4042566406/sizes/o/in/photostream/
• http://www.flickr.com/photos/51035702460@N01/19245594/
• 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.flickr.com/photos/mmahut/3573549193/sizes/l/in/photostream/
• http://birlewphotography.com/portfolio.html
• http://www.flickr.com/photos/geckoam/2722456231/in/photostream
• http://www.flickr.com/photos/unknowndomain/465077900/