přístupnost na mobilních zařízeních
DESCRIPTION
Komentované slajdy k mé prezentaci z mobileDevCampu 2013 o přístupnosti pro mobilní zařízení.TRANSCRIPT
Přístupnost na mobilních zařízeních
Radek Pavlíček, Blind Friendly Web
Ahoj, jmenuji se Radek Pavlíček a pod hlavičkou projektu 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 schopen ovládat (příkladem mohou být formulářové prvky).
Srozumitelnost: Uživatel musí rozumět tomu, co se po něm chce.
Orientace: Uživatel se musí být schopen dostat 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 se zdravotní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 nebo sníž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 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.
PŘESAH PŘÍ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 jednoduchou věc – koupit si přes mobil jízdenku na autobus.
Bohužel se mu to nepodařilo, protože objednávkový systém měl velké problémy s přístupností a použitelností.
Jak nevidomí pracují
s mobilními zařízeními
Není pravda
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ě.
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.
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
historie
Dříve nevidomí používali telefony, které měly vý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 kolem roku 2003, neuspěl kvůli velmi vysoké ceně.
Opravdovou mobilitu nevidomým přinesly až první chytré telefony.
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.
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 dnes
přístupnost zajištěna „out-of-the-box“.
Kolega Roman díky tomu dnes prezentace přístupnosti zvlá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řijatelnou
cenu.
Jak na to?
Vyvíjejte s ohledem na přístupnost
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.
Textová alternativa
Dostatečný kontrast
mDevCampmDevCampmDevCampmDevCampmDevCampmDevCamp
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 Best Practic
es (MWBP) and Web Content Accessibility Guidelines (WCAG)
• Shared Web Experiences: Barriers Common to Mobile Device Users and People with Disabilities
• Mobile Accessibility OverlapJeden slajd s odrážkami speciálně pro @Inza (a @jmtcz) ;)
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í si můžete udělat i sami
TalkBack (Android)VoiceOver (iOS, OS X)
Často stačí (opravit) drobnost
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í.
Příklady aplikací
www.youtube.com/poslepu
Jaké běžné aplikace může používatv zařízení s Androidem nevidomý uživatel?
Android
Google+
Mapy a navigace
iVysílání
GTalk
Pubtran
Dropbox
Foursquare
Speciální aplikace
Aplikace pro Symbian na zpřístupnění služeb digitálních knihoven pro zrakově postižené - www.beletrik.cz
TalkMan a Prozaikprogramy pro stahování a čtení knih z digitálních knihoven na
Androidu
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.
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/AAAAAAAAAAw/F8u_jtyp3IA/s400/Learn-Hiragana.jpg
• http://www.flickr.com/photos/geckoam/2722456231• www.flickr.com/photos/47658930@N00/476481053/