Your SlideShare is downloading. ×
Přístupnost na mobilních zařízeních
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

1,012
views

Published on

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

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,012
On Slideshare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Přístupnost na mobilních zařízeníchRadek Pavlíček, Blind Friendly Web
  • 2. Ahoj, jmenuji se Radek Pavlíček a pod hlavičkouprojektu Blind Friendly Web se věnuji přístupnosti.
  • 3. Píšu o ní také na blogu poslepu.cz.
  • 4. PŘÍSTUPNOST
  • 5. 5 PILÍŘŮ
  • 6. Dostupnost: uživatel se musí být schopenk informacím dostat.
  • 7. Ovladatelnost: Pokud už k nim dostane, musí je být schopenovládat (příkladem mohou být formulářové prvky).
  • 8. Srozumitelnost: Uživatel musí rozuměttomu, co se po něm chce.
  • 9. Orientace: Uživatel se musí být schopendostat tam, kam potřebuje.
  • 10. Čas: A toto všechno musí zvládnoutv rozumném čase.
  • 11. PROČPŘÍSTUPNOST?
  • 12. Přístupností se zabývají i tak velkéfirmy, jakými jsou
  • 13. Pomoc lidem
  • 14. To, že přístupnost pomáhá uživatelům sezdravotním handicapem, je už „známá věc“.
  • 15. Přístupnost ale pomáhá mnohem širší skupině uživatelů.
  • 16. Peníze
  • 17. Přístupnost vám může zvýšit zisky nebosnížit náklady na aktualizace, údržbu, atp.
  • 18. Vodafone Dobrá aplikace
  • 19. Posilováníznačky
  • 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. PŘESAHPŘÍSTUPNOSTI
  • 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. David Grudl chtěl jednou udělat velmi jednoduchouvěc – koupit si přes mobil jízdenku na autobus.
  • 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. Jak nevidomípracujís mobilnímizařízeními
  • 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. 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. 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. historie
  • 30. Dříve nevidomí používali telefony, které mělyvýraznou a hmatnou klávesnici.
  • 31. Pokud si ale chtěli přečíst SMS či spravovat kontakty,museli si telefon připojit k PC se screen readerem.
  • 32. Uzpůsobený mobilní telefon, který se objevil kolemroku 2003, neuspěl kvůli velmi vysoké ceně.
  • 33. Opravdovou mobilitu nevidomým přineslyaž první chytré telefony.
  • 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. Jedno z řešení, které se nakonec neujalo.
  • 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. Kolega Roman díky tomu dnes prezentace přístupnostizvládá už jen s iPadem, braillským řádkem a externíklávesnicí.
  • 38. Jedna z novinek – braillský zobrazovač, který sloužíjako vstupně-výstupní zařízení a má velmi přijatelnoucenu.
  • 39. Jak na to?
  • 40. Vyvíjejte s ohledem na přístupnost
  • 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. Textová alternativa
  • 43. Dostatečný kontrastmDevCampmDevCampmDevCampmDevCampmDevCampmDevCamp
  • 44. Prvky mohou získat focus
  • 45. Konzistentní UI
  • 46. Zdroje informací
  • 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. https://developer.android.com/guide/topics/ui/accessibility/index.html
  • 49. http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html
  • 50. Základní otestování simůžete udělat i sami
  • 51. TalkBack (Android)VoiceOver (iOS, OS X)
  • 52. Často stačí (opravit) drobnost
  • 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. Příkladyaplikací
  • 55. www.youtube.com/poslepu
  • 56. Jaké běžné aplikace může používatv zařízení s Androidem nevidomý uživatel?
  • 57. AndroidTwitterGoogle+Mapy anavigaceiVysíláníGTalkPubtranDropboxFoursquare
  • 58. Speciální aplikace
  • 59. Aplikace pro Symbian na zpřístupnění služeb digitálníchknihoven pro zrakově postižené - www.beletrik.cz
  • 60. TalkMan a Prozaikprogramy pro stahování a čteníknih z digitálních knihoven naAndroidu
  • 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. A odtud pokračoval DanKuneš(www.biglauncher.com)
  • 63. Kontaktpavlicek@blindfriendly.cz@radlicek
  • 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/

×