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

1. Přístupnost na mobilních zařízeních
Radek Pavlíček, Blind Friendly Web

2. Ahoj, jmenuji se Radek Pavlíček a pod hlavičkou
projektu 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 schopen
k informacím dostat.

7. Ovladatelnost: Pokud už k nim dostane, musí je být schopen
ovládat (příkladem mohou být formulářové prvky).

8. Srozumitelnost: Uživatel musí rozumět
tomu, co se po něm chce.

9. Orientace: Uživatel se musí být schopen
dostat tam, kam potřebuje.

10. Čas: A toto všechno musí zvládnout
v 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 se
zdravotní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 nebo
sníž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 i
konkurenč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ŘESAH
PŘÍSTUPNOSTI

22. Bezbariérová tramvaj je přístupnější i pro maminky
s 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 jednoduchou
věc – koupit si přes mobil jízdenku na autobus.

24. Bohužel se mu to nepodařilo, protože objednávkový systém
měl velké problémy s přístupností a použitelností.

25. Jak nevidomí
pracují
s mobilními
zařízeními

26. Reportáž České televize o tom, že nevidomí jsou z dotykových displejů bezradní, byla
velmi 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 si
raději Týden Živě 199 z října loňského roku.

28. Nevidomým uživatelům při práci s mobilními
zařízeními pomáhá hlasový nebo hmatový výstup.
Hlasový
výstup
Hmatový
výstup

29. historie

30. Dříve nevidomí používali telefony, které měly
vý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 kolem
roku 2003, neuspěl kvůli velmi vysoké ceně.

33. Opravdovou mobilitu nevidomým přinesly
až první chytré telefony.

34. S nástupem dotykových zařízení se čím dál víc nevidomých začalo obávat
toho, ž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šit
a u obou majoritních platforem – iOS i Androidu - je dnes
přístupnost zajištěna „out-of-the-box“.

38. Kolega Roman díky tomu dnes prezentace přístupnosti
zvládá už jen s iPadem, braillským řádkem a externí
klávesnicí.

39. Jedna z novinek – braillský zobrazovač, který slouží
jako vstupně-výstupní zařízení a má velmi přijatelnou
cenu.

40. Jak na to?

41. Vyvíjejte s ohledem na přístupnost

42. Přístupnost jako jeden dílek vývojářského puzzle
Ideální je přístupnost řešit již během vývoje jako jeho
nedílnou součást. Připravit web či aplikaci a přístupnost řešit
až po spuštění není dobrá cesta.

43. Textová alternativa

44. Dostatečný kontrast
mDevCamp
mDevCamp
mDevCamp
mDevCamp
mDevCamp
mDevCamp

45. Prvky mohou získat focus

46. Konzistentní UI

47. Zdroje informací

48. W3C WAI
• Mobile Web Best Practices 1.0
• Web Content Accessibility Guidelines
• Relationship between Mobile Web Best
Practices (MWBP) and Web Content
Accessibility Guidelines (WCAG)
• Shared Web Experiences: Barriers Common to
Mobile Device Users and People with
Disabilities
• Mobile Accessibility Overlap
Jeden slajd s odrážkami speciálně pro @Inza (a @jmtcz) ;)

49. https://developer.android.com/guide/topics/ui/
accessibility/index.html

50. http://developer.apple.com/library/ios/#documentation/userexperienc
e/conceptual/mobilehig/Introduction/Introduction.html

51. Základní otestování si
můžete udělat i sami

52. TalkBack (Android)
VoiceOver (iOS, OS X)

53. Často stačí (opravit) drobnost

54. Typickým příkladem, kdy se nepřístupnou stránkou
připravujete o peníze, je například tato platební brána.
Nepřístupně vytvořené rozbalovací seznamy Platnost karty do
zabraňují uživateli, který používá screen reader, v zaplacení.

55. Příklady
aplikací

56. www.youtube.com/poslepu

57. Jaké běžné aplikace může používat
v zařízení s Androidem nevidomý uživatel?

58. Android
Twitter
Google+
Mapy a
navigace
iVysílání
GTalk
Pubtran
Dropbox
Foursquare

59. Speciální aplikace

60. Aplikace pro Symbian na zpřístupnění služeb digitálních
knihoven pro zrakově postižené - www.beletrik.cz

61. TalkMan a Prozaik
programy pro stahování a čtení
knih z digitálních knihoven na
Androidu

63. Polygraf
Aplikace vyvíjená Střediskem Teiresiás na Masarykově univerzitě. Jejím smyslem je
usnadnit 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 pro
uživatele se zrakovým postižením. Více informací na www.teiresias.muni.cz/polygraf.

67. A odtud pokračoval Dan
Kuneš
(www.biglauncher.com)

68. Kontakt
pavlicek@blindfriendly.cz
@radlicek

69. Photo credits
• http://www.flickr.com/photos/nationaalarchief/4025536029/
• http://www.flickr.com/photos/cornelluniversitylibrary/367898
4206/
• http://www.flickr.com/photos/_sk/4042566406/
• http://4.bp.blogspot.com/__1B7eTIn3jM/SoMylQ_RqWI/AAA
AAAAAAAw/F8u_jtyp3IA/s400/Learn-Hiragana.jpg
• http://www.flickr.com/photos/geckoam/2722456231
• www.flickr.com/photos/47658930@N00/476481053/