Smyslem přístupnosti je zmírňovat nebo odstraňovat bariéryna webu tak…
…aby kladl svým uživatelům co nejméně překážek a ti jejmohli bez problémů používat.
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.
A toto všechno musí zvládnout v rozumném čase.
Přístupnost pomáhá lidem, kteří špatně vidí…
…mají problémy se sluchem…
…s motorikou či hmatem…
…nebo nejsou schopni porozumět informacím, kteréprezentujete.
To, že přístupnost pomáhá uživatelům se zdravotnímhandicapem, je už „známá věc“.
Zúžení přístupnosti na určitou skupinu osob (například nanevidomé) je dobré kvůli tomu, že web můžeme co nejlépeuzpůsobit ...
Na druhou stranu toto zúžení přináší poměrně malou cílovouskupinu, kvůli které na ni někteří lidé nahlížejí jako nanezajím...
Rád bych Vám v této prezentaci ukázal, jak může přístupnostpomáhat opravdu každému návštěvníkovi vašeho webu.
Podíváme se společně na 3 věci. Tou první je přesahpřístupnosti a skutečnost že, požadavky celé řady uživatelůse překrývají.
Přístupnost také může pomoci zvýšit zisk nebo snížit náklady.
A v neposlední řadě na to, že i drobnou úpravou můžemepřístupnost výrazně vylepšit.
Můj nevidomý kamarád Michal žije běžným životem jakokdokoliv z nás – má práci, kamarády i spoustu zálib. Jenněkteré věci m...
Jednou z nich je nakupování. Pro Michala je mnohem snazšínakoupit na přístupném e-shopu…
…než nakupovat ve velkém nákupním centru.
Michal často nakupoval na vltava.cz. Nejen pro svoupotřebu, ale i dárky pro kamarády či příbuzné.
-1 zákazník,pravidelně utrácející několik tisíc korunAž do doby, kdy vltava.cz při redesignu nemyslela napřístupnost a Mic...
Letos na jaře si chtěl Michal koupit pobyt v lázních.
Ačkoliv jsem ho přesvědčoval, že na Lednici tu máme jiné,lepší weby… ;-)
…neprošlo mi to a Michal si chtěl opravdu pobyt objednat natomto webu. To ale kvůli nepřístupně vytvořené navigacinebylo m...
nezakoupený pobyt v hodnotě dvaceti tisíc korunLázně Lednice tak přišly o jednoho potencionálníhozákazníka, který byl ocho...
Pro Michala mohou být ale užitečné i jiné weby, u kterých naprvní pohled nemusí jejich přístupnost dávat smysl.Například S...
…nebo nějaký e-shop s krmivem pro zvířata, na kterém bymohl kupovat krmivo pro svého kocoura.(Upozornění: obrázek je pouze...
Zatímco Michala asi neznáte, představovat Davida Grudlajistě není nutné.
David chtěl jednou udělat velmi jednoduchou věc – koupit sipřes mobil jízdenku na autobus.
Bohužel se mu to nepodařilo, protože objednávkový systémměl velké problémy s přístupností a použitelností. Vzpomnělsi přit...
Roman Kabelka je můj nevidomý kolega a programátor,kterého můžete znát i z WebExpa.
Roman na Poslední sobotě prakticky předváděl, jak pracujes PC, na jaké problémy naráží a jak je lze opravit.
Michal          Roman                      DavidTím se nám kruh uzavírá a od Michala se přes Davida aRomana dostáváme opět...
Michal                     Roman                       DavidPotřeby našich třech pánů se vlastně moc neliší.
Michal = Roman                      DavidA protože Michal a Roman jsou nevidomí, můžeme na jejichpotřeby nahlížet opravdu ...
Celou situaci nám tedy může nejlépe ilustrovat Michal David.Až ho někde uvidíte, vzpomeňte si na přístupnost ;-)
Legal & General Group PLC je britská společnost, která mělavelké problémy s přístupností webu. Lidé si na nepřístupnostčas...
Sociální sítě mohou hodně pomoci, ale i hodně uškodit. A kritika se nanich zpravidla šíří rychleji, než kladné ohlasy. Pro...
Kompletní informace o případové studii Legal & General Group.
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.
V britském RNIB (Královský Národní Institut Nevidomých) udělalijednoduchou věc – požádali jednu nevidomou paní, aby zkusil...
Ten byl touto skutečností tak zaskočen, že se okamžitě rozhodl webupravit. Tesco šlo cestou separátní přístupné verze, za ...
Jen si připomeňme, že čas hraje v přístupnosti důležitou roli.
Později se Tesco rozhodlo separátní přístupnou verzi zrušit a v souladus pravidly přístupnosti upravit už primární verzi w...
Klávesové zkratky v Kalendáři Googlu umožňují jeho ovládání nejennevidomým uživatelům, ale s jejich pomocí jej může efekti...
Osnovy ve fulltextovém vyhledávání Seznamu zlepší nejen míruprokliku, ale techniky, vedoucí k jejich vytvoření (nadpisy ja...
Pokud nezměníme vnímání přístupnosti ve své hlavě, pak námnepomůže sebelepší metodika, nástroj ani testování.
Nejlepší je se věnovat přístupnosti už od začátku tvorby webu anahlížet ji jako na její nedílnou součást. Chyby se mnohem ...
Často stačí jen malá úprava webu k tomu, aby se jeho přístupnostrapidně zlepšila.
Samozřejmě jsou výjimky – pokud máte podobný web, jako je tento,tak je lepší začít od začátku ;-)
Naopak u tohoto webu, při jehož tvorbě někdo zjevně bral přístupnostv potaz, by stačilo…
…zlepšit kontrast barev v menu a zpřístupnit položky submenui z klávesnice. Což je práce, která moc času nezabere.
Vyzkoušejte si, jak se dá váš web ovládat pouze z klávesnice. Nicspeciálního k tomu nepotřebujete. Stačí vám jen klávesnic...
Pokud jste schopni se na všechny „focusovatelné“ prvky dostat aovládat je pomocí klávesnice, je vše v pořádku.
Čím je pro čtenáře knihy její obsah, tím je pro uživatele osnovadokumentu, vytvořená z korektně vyznačených nadpisů.
Nadpisy jsou často vyznačeny vizuálně, ale k tomu, aby s nimi dokázalipracovat třeba i nevidomí, je nutné je správně vyzna...
Osnova dokumentu z nadpisů může vypadat například takto.
To, jak osnova konkrétní webové stránky vypadá, zjistíte napříkladpomocí Web Developer Toolbaru pro prohlížeč Mozilla Fire...
Zorientují se uživatelé na vašem webu? Dostanou se tam, kampotřebují?
Pokud dáváte na stránky nějakou grafiku, nezapomeňte k ní přiřadittextovou alternativu.
Dostatečný barevný kontrastMějte barvy na svých webových stránkách dostatečně kontrastní.
To, zda je vzájemný kontrast barev dostatečný, zjistíte například pomocíaplikace Colour Contrast Analyser.
Přístupnost pomáhá celé řadě uživatelů – nejen těm se zdravotnímhandicapem.
Často i drobná změna webu (doplnění nadpisů, zlepšení kontrastu čipřidání popisků k formulářovým prvkům) výrazně zlepší je...
Přístupnost může pomoci vydělat peníze či snížit náklady na provozwebu.
Přístupnost také může pomoci zlepšit obraz firmy v očích veřejnosti akladné vnímání naší značky.
Další informace o přístupnosti najdete na www.blindfriendly.cz,www.poslepu.cz, www.youtube.com/poslepu čiwww.twitter.com/r...
Photo credits•   http://www.fotopedia.com/items/flickr-415742494•   http://kiraturner.files.wordpress.com/2012/01/crowdsce...
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Přístupnost není charita
Upcoming SlideShare
Loading in …5
×

Přístupnost není charita

4,936 views
4,892 views

Published on

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.

Published in: Education
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,936
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
10
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Přístupnost není charita

  1. 1. Smyslem přístupnosti je zmírňovat nebo odstraňovat bariéryna webu tak…
  2. 2. …aby kladl svým uživatelům co nejméně překážek a ti jejmohli bez problémů používat.
  3. 3. Uživatel se musí být schopen k informacím dostat.
  4. 4. Pokud už k nim dostane, musí je být schopen ovládat(příkladem mohou být formulářové prvky).
  5. 5. Uživatel musí rozumět tomu, co se po něm chce.
  6. 6. Uživatel se musí být schopen dostat tam, kam potřebuje.
  7. 7. A toto všechno musí zvládnout v rozumném čase.
  8. 8. Přístupnost pomáhá lidem, kteří špatně vidí…
  9. 9. …mají problémy se sluchem…
  10. 10. …s motorikou či hmatem…
  11. 11. …nebo nejsou schopni porozumět informacím, kteréprezentujete.
  12. 12. To, že přístupnost pomáhá uživatelům se zdravotnímhandicapem, je už „známá věc“.
  13. 13. Zúžení přístupnosti na určitou skupinu osob (například nanevidomé) je dobré kvůli tomu, že web můžeme co nejlépeuzpůsobit jejich potřebám.
  14. 14. Na druhou stranu toto zúžení přináší poměrně malou cílovouskupinu, kvůli které na ni někteří lidé nahlížejí jako nanezajímavou.
  15. 15. Rád bych Vám v této prezentaci ukázal, jak může přístupnostpomáhat opravdu každému návštěvníkovi vašeho webu.
  16. 16. Podíváme se společně na 3 věci. Tou první je přesahpřístupnosti a skutečnost že, požadavky celé řady uživatelůse překrývají.
  17. 17. Přístupnost také může pomoci zvýšit zisk nebo snížit náklady.
  18. 18. A v neposlední řadě na to, že i drobnou úpravou můžemepřístupnost výrazně vylepšit.
  19. 19. Můj nevidomý kamarád Michal žije běžným životem jakokdokoliv z nás – má práci, kamarády i spoustu zálib. Jenněkteré věci musí dělat trochu jinak.
  20. 20. Jednou z nich je nakupování. Pro Michala je mnohem snazšínakoupit na přístupném e-shopu…
  21. 21. …než nakupovat ve velkém nákupním centru.
  22. 22. Michal často nakupoval na vltava.cz. Nejen pro svoupotřebu, ale i dárky pro kamarády či příbuzné.
  23. 23. -1 zákazník,pravidelně utrácející několik tisíc korunAž do doby, kdy vltava.cz při redesignu nemyslela napřístupnost a Michal od té doby nemohl na jejich webunakupovat.
  24. 24. Letos na jaře si chtěl Michal koupit pobyt v lázních.
  25. 25. Ačkoliv jsem ho přesvědčoval, že na Lednici tu máme jiné,lepší weby… ;-)
  26. 26. …neprošlo mi to a Michal si chtěl opravdu pobyt objednat natomto webu. To ale kvůli nepřístupně vytvořené navigacinebylo možné.
  27. 27. nezakoupený pobyt v hodnotě dvaceti tisíc korunLázně Lednice tak přišly o jednoho potencionálníhozákazníka, který byl ochoten u nich utratit asi 20 000 Kč.
  28. 28. Pro Michala mohou být ale užitečné i jiné weby, u kterých naprvní pohled nemusí jejich přístupnost dávat smysl.Například Sreality.cz (které jsou na tom s přístupností doceladobře)…
  29. 29. …nebo nějaký e-shop s krmivem pro zvířata, na kterém bymohl kupovat krmivo pro svého kocoura.(Upozornění: obrázek je pouze ilustrační).
  30. 30. Zatímco Michala asi neznáte, představovat Davida Grudlajistě není nutné.
  31. 31. David chtěl jednou udělat velmi jednoduchou věc – koupit sipřes mobil jízdenku na autobus.
  32. 32. Bohužel se mu to nepodařilo, protože objednávkový systémměl velké problémy s přístupností a použitelností. Vzpomnělsi přitom na přednášku Romana Kabelky na Poslední sobotě.
  33. 33. Roman Kabelka je můj nevidomý kolega a programátor,kterého můžete znát i z WebExpa.
  34. 34. Roman na Poslední sobotě prakticky předváděl, jak pracujes PC, na jaké problémy naráží a jak je lze opravit.
  35. 35. Michal Roman DavidTím se nám kruh uzavírá a od Michala se přes Davida aRomana dostáváme opět k Michalovi.
  36. 36. Michal Roman DavidPotřeby našich třech pánů se vlastně moc neliší.
  37. 37. Michal = Roman DavidA protože Michal a Roman jsou nevidomí, můžeme na jejichpotřeby nahlížet opravdu jako na identické.
  38. 38. Celou situaci nám tedy může nejlépe ilustrovat Michal David.Až ho někde uvidíte, vzpomeňte si na přístupnost ;-)
  39. 39. Legal & General Group PLC je britská společnost, která mělavelké problémy s přístupností webu. Lidé si na nepřístupnostčasto stěžovali, proto jej společnost nechala zpřístupnit.
  40. 40. Sociální sítě mohou hodně pomoci, ale i hodně uškodit. A kritika se nanich zpravidla šíří rychleji, než kladné ohlasy. Proto je dobré kriticepředcházet.
  41. 41. Kompletní informace o případové studii Legal & General Group.
  42. 42. 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.
  43. 43. V britském RNIB (Královský Národní Institut Nevidomých) udělalijednoduchou věc – požádali jednu nevidomou paní, aby zkusila nawebu nakoupit, a pozvali IT manažera Tesca, aby ji při práci s webempozoroval.
  44. 44. Ten byl touto skutečností tak zaskočen, že se okamžitě rozhodl webupravit. Tesco šlo cestou separátní přístupné verze, za kterou zaplatilo35 000 liber.
  45. 45. Jen si připomeňme, že čas hraje v přístupnosti důležitou roli.
  46. 46. Později se Tesco rozhodlo separátní přístupnou verzi zrušit a v souladus pravidly přístupnosti upravit už primární verzi webu. Kompletníinformace o případové studii Tesca.
  47. 47. Klávesové zkratky v Kalendáři Googlu umožňují jeho ovládání nejennevidomým uživatelům, ale s jejich pomocí jej může efektivnějipoužívat opravdu každý.
  48. 48. Osnovy ve fulltextovém vyhledávání Seznamu zlepší nejen míruprokliku, ale techniky, vedoucí k jejich vytvoření (nadpisy jako kotvy aodkazy na ně) pomohou i nevidomým či tělesně postiženýmuživatelům.
  49. 49. Pokud nezměníme vnímání přístupnosti ve své hlavě, pak námnepomůže sebelepší metodika, nástroj ani testování.
  50. 50. Nejlepší je se věnovat přístupnosti už od začátku tvorby webu anahlíž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šinounikomu moc zasahovat nechce.
  51. 51. Často stačí jen malá úprava webu k tomu, aby se jeho přístupnostrapidně zlepšila.
  52. 52. Samozřejmě jsou výjimky – pokud máte podobný web, jako je tento,tak je lepší začít od začátku ;-)
  53. 53. Naopak u tohoto webu, při jehož tvorbě někdo zjevně bral přístupnostv potaz, by stačilo…
  54. 54. …zlepšit kontrast barev v menu a zpřístupnit položky submenui z klávesnice. Což je práce, která moc času nezabere.
  55. 55. Vyzkoušejte si, jak se dá váš web ovládat pouze z klávesnice. Nicspeciálního k tomu nepotřebujete. Stačí vám jen klávesnice ;-)
  56. 56. Pokud jste schopni se na všechny „focusovatelné“ prvky dostat aovládat je pomocí klávesnice, je vše v pořádku.
  57. 57. Čím je pro čtenáře knihy její obsah, tím je pro uživatele osnovadokumentu, vytvořená z korektně vyznačených nadpisů.
  58. 58. Nadpisy jsou často vyznačeny vizuálně, ale k tomu, aby s nimi dokázalipracovat třeba i nevidomí, je nutné je správně vyznačit i v kódu. Jakpřístupně strukturovat webovou stránku pomocí nadpisů.
  59. 59. Osnova dokumentu z nadpisů může vypadat například takto.
  60. 60. To, jak osnova konkrétní webové stránky vypadá, zjistíte napříkladpomocí Web Developer Toolbaru pro prohlížeč Mozilla Firefox.
  61. 61. Zorientují se uživatelé na vašem webu? Dostanou se tam, kampotřebují?
  62. 62. Pokud dáváte na stránky nějakou grafiku, nezapomeňte k ní přiřadittextovou alternativu.
  63. 63. Dostatečný barevný kontrastMějte barvy na svých webových stránkách dostatečně kontrastní.
  64. 64. To, zda je vzájemný kontrast barev dostatečný, zjistíte například pomocíaplikace Colour Contrast Analyser.
  65. 65. Přístupnost pomáhá celé řadě uživatelů – nejen těm se zdravotnímhandicapem.
  66. 66. Často i drobná změna webu (doplnění nadpisů, zlepšení kontrastu čipřidání popisků k formulářovým prvkům) výrazně zlepší jehopřístupnost.
  67. 67. Přístupnost může pomoci vydělat peníze či snížit náklady na provozwebu.
  68. 68. Přístupnost také může pomoci zlepšit obraz firmy v očích veřejnosti akladné vnímání naší značky.
  69. 69. Další informace o přístupnosti najdete na www.blindfriendly.cz,www.poslepu.cz, www.youtube.com/poslepu čiwww.twitter.com/radlicek. Nabídku našich služeb nawww.blindfriendly.cz/sluzby
  70. 70. 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/

×