Přístupnost na mobilních zařízeníchRadek Pavlíček, Blind Friendly Web
Ahoj, jmenuji se Radek Pavlíček a pod hlavičkouprojektu Blind Friendly Web se věnuji přístupnosti.
Píšu o ní také na blogu poslepu.cz.
PŘÍSTUPNOST
5 PILÍŘŮ
Dostupnost: uživatel se musí být schopenk informacím dostat.
Ovladatelnost: Pokud už k nim dostane, musí je být schopenovládat (příkladem mohou být formulářové prvky).
Srozumitelnost: Uživatel musí rozuměttomu, co se po něm chce.
Orientace: Uživatel se musí být schopendostat tam, kam potřebuje.
Čas: A toto všechno musí zvládnoutv rozumném čase.
PROČPŘÍSTUPNOST?
Přístupností se zabývají i tak velkéfirmy, jakými jsou
Pomoc lidem
To, že přístupnost pomáhá uživatelům sezdravotním handicapem, je už „známá věc“.
Přístupnost ale pomáhá mnohem širší skupině uživatelů.
Peníze
Přístupnost vám může zvýšit zisky nebosnížit náklady na aktualizace, údržbu, atp.
Vodafone Dobrá aplikace
Posilováníznačky
Dovednost tvořit přístupné weby či aplikace může přinést ikonkurenční výhodu a pozitivní vnímání značky. A naopak –nepříst...
PŘESAHPŘÍSTUPNOSTI
Bezbariérová tramvaj je přístupnější i pro maminkys kočárky. A hlášení o zastávkách ocení takřka každýcestující.
David Grudl chtěl jednou udělat velmi jednoduchouvěc – koupit si př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í.
Jak nevidomípracujís mobilnímizařízeními
Reportáž České televize o tom, že nevidomí jsou z dotykových displejů bezradní, bylavelmi zavádějící a v mnoha ohledech ne...
Pokud chcete vědět, jak je to ve skutečnosti, pusťte siraději Týden Živě 199 z října loňského roku.
Nevidomým uživatelům při práci s mobilnímizařízeními pomáhá hlasový nebo hmatový výstup.HlasovývýstupHmatovývýstup
historie
Dříve nevidomí používali telefony, které mělyvýraznou a hmatnou klávesnici.
Pokud si ale chtěli přečíst SMS či spravovat kontakty,museli si telefon připojit k PC se screen readerem.
Uzpůsobený mobilní telefon, který se objevil kolemroku 2003, neuspěl kvůli velmi vysoké ceně.
Opravdovou mobilitu nevidomým přineslyaž první chytré telefony.
S nástupem dotykových zařízení se čím dál víc nevidomých začalo obávattoho, že mobilní telefony nebudou moci používat.
Jedno z řešení, které se nakonec neujalo.
Situaci se výrobcům nakonec podařilo uspokojivě vyřešita u obou majoritních platforem – iOS i Androidu - je dnespřístupnos...
Kolega Roman díky tomu dnes prezentace přístupnostizvládá už jen s iPadem, braillským řádkem a externíklávesnicí.
Jedna z novinek – braillský zobrazovač, který sloužíjako vstupně-výstupní zařízení a má velmi přijatelnoucenu.
Jak na to?
Vyvíjejte s ohledem na přístupnost
Přístupnost jako jeden dílek vývojářského puzzleIdeální je přístupnost řešit již během vývoje jako jehonedílnou součást. P...
Textová alternativa
Dostatečný kontrastmDevCampmDevCampmDevCampmDevCampmDevCampmDevCamp
Prvky mohou získat focus
Konzistentní UI
Zdroje informací
W3C WAI• Mobile Web Best Practices 1.0• Web Content Accessibility Guidelines• Relationship between Mobile Web BestPractice...
https://developer.android.com/guide/topics/ui/accessibility/index.html
http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html
Základní otestování simůžete udělat i sami
TalkBack (Android)VoiceOver (iOS, OS X)
Často stačí (opravit) drobnost
Typickým příkladem, kdy se nepřístupnou stránkoupřipravujete o peníze, je například tato platební brána.Nepřístupně vytvoř...
Příkladyaplikací
www.youtube.com/poslepu
Jaké běžné aplikace může používatv zařízení s Androidem nevidomý uživatel?
AndroidTwitterGoogle+Mapy anavigaceiVysíláníGTalkPubtranDropboxFoursquare
Speciální aplikace
Aplikace pro Symbian na zpřístupnění služeb digitálníchknihoven pro zrakově postižené - www.beletrik.cz
TalkMan a Prozaikprogramy pro stahování a čteníknih z digitálních knihoven naAndroidu
PolygrafAplikace vyvíjená Střediskem Teiresiás na Masarykově univerzitě. Jejím smyslem jeusnadnit studium studentům se spe...
A odtud pokračoval DanKuneš(www.biglauncher.com)
Kontaktpavlicek@blindfriendly.cz@radlicek
Photo credits• http://www.flickr.com/photos/nationaalarchief/4025536029/• http://www.flickr.com/photos/cornelluniversityli...
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeních
Upcoming SlideShare
Loading in …5
×

Přístupnost na mobilních zařízeních

1,589 views

Published on

Komentované slajdy k mé prezentaci z mobileDevCampu 2013 o přístupnosti pro mobilní zařízení.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,589
On SlideShare
0
From Embeds
0
Number of Embeds
661
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Přístupnost na mobilních zařízeních

  1. 1. Přístupnost na mobilních zařízeníchRadek Pavlíček, Blind Friendly Web
  2. 2. Ahoj, jmenuji se Radek Pavlíček a pod hlavičkouprojektu Blind Friendly Web se věnuji přístupnosti.
  3. 3. Píšu o ní také na blogu poslepu.cz.
  4. 4. PŘÍSTUPNOST
  5. 5. 5 PILÍŘŮ
  6. 6. Dostupnost: uživatel se musí být schopenk informacím dostat.
  7. 7. Ovladatelnost: Pokud už k nim dostane, musí je být schopenovládat (příkladem mohou být formulářové prvky).
  8. 8. Srozumitelnost: Uživatel musí rozuměttomu, co se po něm chce.
  9. 9. Orientace: Uživatel se musí být schopendostat tam, kam potřebuje.
  10. 10. Čas: A toto všechno musí zvládnoutv rozumném čase.
  11. 11. PROČPŘÍSTUPNOST?
  12. 12. Přístupností se zabývají i tak velkéfirmy, jakými jsou
  13. 13. Pomoc lidem
  14. 14. To, že přístupnost pomáhá uživatelům sezdravotním handicapem, je už „známá věc“.
  15. 15. Přístupnost ale pomáhá mnohem širší skupině uživatelů.
  16. 16. Peníze
  17. 17. Přístupnost vám může zvýšit zisky nebosnížit náklady na aktualizace, údržbu, atp.
  18. 18. Vodafone Dobrá aplikace
  19. 19. Posilováníznačky
  20. 20. Dovednost tvořit přístupné weby či aplikace může přinést ikonkurenční výhodu a pozitivní vnímání značky. A naopak –nepřístupné weby či aplikace mohou mít za následek negativní PR.
  21. 21. PŘESAHPŘÍSTUPNOSTI
  22. 22. Bezbariérová tramvaj je přístupnější i pro maminkys kočárky. A hlášení o zastávkách ocení takřka každýcestující.
  23. 23. David Grudl chtěl jednou udělat velmi jednoduchouvěc – koupit si přes mobil jízdenku na autobus.
  24. 24. Bohužel se mu to nepodařilo, protože objednávkový systémměl velké problémy s přístupností a použitelností.
  25. 25. Jak nevidomípracujís mobilnímizařízeními
  26. 26. Reportáž České televize o tom, že nevidomí jsou z dotykových displejů bezradní, bylavelmi zavádějící a v mnoha ohledech neodpovídala realitě.
  27. 27. Pokud chcete vědět, jak je to ve skutečnosti, pusťte siraději Týden Živě 199 z října loňského roku.
  28. 28. Nevidomým uživatelům při práci s mobilnímizařízeními pomáhá hlasový nebo hmatový výstup.HlasovývýstupHmatovývýstup
  29. 29. historie
  30. 30. Dříve nevidomí používali telefony, které mělyvýraznou a hmatnou klávesnici.
  31. 31. Pokud si ale chtěli přečíst SMS či spravovat kontakty,museli si telefon připojit k PC se screen readerem.
  32. 32. Uzpůsobený mobilní telefon, který se objevil kolemroku 2003, neuspěl kvůli velmi vysoké ceně.
  33. 33. Opravdovou mobilitu nevidomým přineslyaž první chytré telefony.
  34. 34. S nástupem dotykových zařízení se čím dál víc nevidomých začalo obávattoho, že mobilní telefony nebudou moci používat.
  35. 35. Jedno z řešení, které se nakonec neujalo.
  36. 36. Situaci se výrobcům nakonec podařilo uspokojivě vyřešita u obou majoritních platforem – iOS i Androidu - je dnespřístupnost zajištěna „out-of-the-box“.
  37. 37. Kolega Roman díky tomu dnes prezentace přístupnostizvládá už jen s iPadem, braillským řádkem a externíklávesnicí.
  38. 38. Jedna z novinek – braillský zobrazovač, který sloužíjako vstupně-výstupní zařízení a má velmi přijatelnoucenu.
  39. 39. Jak na to?
  40. 40. Vyvíjejte s ohledem na přístupnost
  41. 41. Přístupnost jako jeden dílek vývojářského puzzleIdeální je přístupnost řešit již během vývoje jako jehonedílnou součást. Připravit web či aplikaci a přístupnost řešitaž po spuštění není dobrá cesta.
  42. 42. Textová alternativa
  43. 43. Dostatečný kontrastmDevCampmDevCampmDevCampmDevCampmDevCampmDevCamp
  44. 44. Prvky mohou získat focus
  45. 45. Konzistentní UI
  46. 46. Zdroje informací
  47. 47. W3C WAI• Mobile Web Best Practices 1.0• Web Content Accessibility Guidelines• Relationship between Mobile Web BestPractices (MWBP) and Web ContentAccessibility Guidelines (WCAG)• Shared Web Experiences: Barriers Common toMobile Device Users and People withDisabilities• Mobile Accessibility OverlapJeden slajd s odrážkami speciálně pro @Inza (a @jmtcz) ;)
  48. 48. https://developer.android.com/guide/topics/ui/accessibility/index.html
  49. 49. http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html
  50. 50. Základní otestování simůžete udělat i sami
  51. 51. TalkBack (Android)VoiceOver (iOS, OS X)
  52. 52. Často stačí (opravit) drobnost
  53. 53. Typickým příkladem, kdy se nepřístupnou stránkoupřipravujete o peníze, je například tato platební brána.Nepřístupně vytvořené rozbalovací seznamy Platnost karty dozabraňují uživateli, který používá screen reader, v zaplacení.
  54. 54. Příkladyaplikací
  55. 55. www.youtube.com/poslepu
  56. 56. Jaké běžné aplikace může používatv zařízení s Androidem nevidomý uživatel?
  57. 57. AndroidTwitterGoogle+Mapy anavigaceiVysíláníGTalkPubtranDropboxFoursquare
  58. 58. Speciální aplikace
  59. 59. Aplikace pro Symbian na zpřístupnění služeb digitálníchknihoven pro zrakově postižené - www.beletrik.cz
  60. 60. TalkMan a Prozaikprogramy pro stahování a čteníknih z digitálních knihoven naAndroidu
  61. 61. PolygrafAplikace vyvíjená Střediskem Teiresiás na Masarykově univerzitě. Jejím smyslem jeusnadnit studium studentům se specifickými nároky vizualizací synchronního přepisu(speech-to-text) a individuálním zobrazením prezentace zlepšujícím čitelnost prouživatele se zrakovým postižením. Více informací na www.teiresias.muni.cz/polygraf.
  62. 62. A odtud pokračoval DanKuneš(www.biglauncher.com)
  63. 63. Kontaktpavlicek@blindfriendly.cz@radlicek
  64. 64. Photo credits• http://www.flickr.com/photos/nationaalarchief/4025536029/• http://www.flickr.com/photos/cornelluniversitylibrary/3678984206/• http://www.flickr.com/photos/_sk/4042566406/• http://4.bp.blogspot.com/__1B7eTIn3jM/SoMylQ_RqWI/AAAAAAAAAAw/F8u_jtyp3IA/s400/Learn-Hiragana.jpg• http://www.flickr.com/photos/geckoam/2722456231• www.flickr.com/photos/47658930@N00/476481053/

×