Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012

Post on 24-May-2015

1.823 views 1 download

description

Slajdy k přednášce Radka Pavlíčka a Pavla Ondry na konferenci mDevCamp, která se konala 26. 5. 2012 v Praze.

Transcript of Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012

Myslete i na přístupnost

Radek Pavlíček, blindfriendly.czPavel Ondra, accessibility.gug.cz

Mobilní telefony dnes zcela běžně slouží jako „pomůcky“ uživatelům se zdravotním i jiným handicapem a pomáhají jim v celé řadě situací.

Co je přístupnost?

Dostupnost OvladatelnostČas

Srozumitelnost Orientace

Dostupnost: uživatel se k informacím musí být schopen dostat,Ovladatelnost: pokud už k nim dostane, musí je být schopen ovládat (příkladem mohou být formulářové prvky),Srozumitelnost: musí rozumět tomu, co se po něm chce,Orientace: musí být schopen se dostat tam, kam potřebuje (například na další stránku),Čas: a toto všechno musí zvládnout v rozumném čase.

Proč se zabývat přístupností?

Uživatelé

Úpravy, vedoucí k lepší přístupnosti, neděláme pro sebe, svého šéfa, či kvůli odškrtnutí políčka splněno u kolonky přístupnosti, ale primárně pro své uživatele, aby mohli naši aplikaci používat.

Zisk, úspora

Motivací nám může být například to, že přístupná aplikace nám zvýší zisk, respektive ušetří peníze či čas, který můžeme věnovat jiné činnosti.

Posilování značky

Pomáhání je momentálně v kurzu. Pokud budou naše produkty přístupné, můžeme se tím chlubit, zlepšit obraz naší firmy v očích veřejnosti a získat konkurenční výhodu.

NalezitelnostDostupnostPřístupnost

Použitelnost

Důvěryhodnost

Přesvědčivost

Emoce

Na Řezáčově pyramidě webdesignu patří přístupnost k základním kamenům tvorby webu.

Ani tak velkým firmám, jakými jsou Seznam.cz, Google, Apple či Microsoft, není přístupnost cizí.

Pokud pozitivní motivace selže, může přijít trest ve formě žaloby (u nás se naštěstí moc nenosí) či špatné reputace na základě stížnosti na sociálních sítích.

Komu všemu pomohu?

Přístupnost pomáhá lidem s nejrůznějším zdravotním postižením: lidem nevidomým, slabozrakým, tělesně či sluchově postiženým, lidem s kognitivními poruchami či poruchami učení.

Přístupnost není jen pro handicapované

Přístupnost se ale netýká jen lidí se zdravotním postižením. Pomáhá i dalším: vědcům, kteří často mají nějaké kognitivní poruchy, seniorům, dětem, geekům…

Mobilní zařízení

Velmi důležitou se přístupnost stává s nástupem mobilních zařízení.

Tito uživatelé používají k přístupu k informacím nejrůznější technologie či zařízení.

Ne všichni stejně vidí.

Ne všichni stejně slyší.

Ne všichni stejně hmatají.

Ne všichni stejně rozumí.

Způsob práce s webem na mobilním telefonu je v řadě případů velmi podobný práci s webem za pomoci asistivní technologie.

Co dělat pro lepší přístupnost?

Vzít ji za svou

Pokud vezmete přístupnost „za svou“, je to to nejlepší, co pro ni můžete udělat.

Myslet na ni při vývoji

Přístupnost implementujte a testujte průběžně během vývoje.

Ideálně už od začátku projektu

„Máme hotovou aplikaci a potřebovali bychom ji otestovat.“ Asi nejhorší věta, kterou může tester slyšet

Často stačí málo

I malá úprava pomůže, není třeba hned předělávat celou aplikaci - často stačí málo a přístupnost aplikace se výrazně zlepší.

No jo, ale co konkrétně se tedy po mně chce?

Asistivní technologie (screen readery) umí zpřístupnit pouze informace, které jsou prezentovány formou textu.

Asistivní technologie (screen readery) zpřístupňují informace lineární formou. Uživateli tak chybí kontext informace, se kterou pracuje.

Textová alternativa

Nejčastější problém mobilních aplikací – chybějící textové alternativy u grafických prvků.

ImageButton, ImageView,EditText, CheckBox

Problém se dá jednoduše vyřešit přidáním textového popisku.

Ovladatelnost

android:focusable attribute true

Jednotlivé prvky aplikace musí být focusovatelné.

Konzistentní UI

Nehrajme si s uživatelem „na kočku a na myš“. Konkrétní prvky umístíme vždy na stejné místo.

Řazení informací podle priority

http://developer.android.com

Sekce Accessibility: rady, jak tvořit přístupné mobilní aplikace či služby pro Android.

Mohu si to otestovat?

Praktické ukázky(ne)přístupnosti

mobilních aplikací

Pavel Ondra(accessibility.gug.cz)

Jak vám může pomoci projektBlind Friendly Web

Osvěta

Můžeme pro vás udělat přednášku o přístupnosti na konferenci či workshopu.

Školení

Přístupnost také školíme – nabízíme veřejná školení i školení na míru pro firmy či organizace.

Testování

Testujeme: weby, aplikace, pomůcky.

Rady, tipy, know-how

Další informace o přístupnosti najdete na www.blindfriendly.cz, www.poslepu.cz, www.youtube.com/poslepu či www.twitter.com/radlicek.

Otázky?

Zapamatujte si

Přístupnost pomáhá všem

Přístupnost pomáhá celé řadě uživatelů – nejen těm se zdravotním handicapem.

Často stačí málo

Často i drobná změna (doplnění textového popisku ke grafickým prvkům) výrazně zlepší přístupnost.

Máte se kam obrátit

Další informace o přístupnosti najdete na www.blindfriendly.cz, www.poslepu.cz, www.youtube.com/poslepu, www.twitter.com/radlicek a www.twitter.com/pavelondra2005.

http://developer.android.com

http://code.google.com/p/eyes-free/

www.blind-android.cz

Kontaktní informace

pavlicek@blindfriendly.cz

@radlicek@pavelondra2005

Ohodnoťte naši přednášku

mdc.conferoo.com

Photo credits• http://www.flickr.com/photos/12484557@N02/2722456231/• http://www.flickr.com/photos/30795657@N00/434222764/• http://www.flickr.com/photos/30072283@N00/4782154855/• http://www.flickr.com/photos/_sk/4042566406/sizes/o/in/photostream/• http://www.flickr.com/photos/51035702460@N01/19245594/• http://www.flickr.com/photos/jasonpearce/136206624/sizes/l/in/photostream/• http://www.flickr.com/photos/18548283@N00/3174954036/• http://www.flickr.com/photos/62834984@N00/465077900/• http://www.flickr.com/photos/46335976@N00/1198987717/• http://www.flickr.com/photos/18467921@N00/2232303267/• http://www.flickr.com/photos/98005720@N00/2743204366/• http://www.flickr.com/photos/21046489@N06/4346732208/• http://www.flickr.com/photos/12836528@N00/2033195014/• http://www.flickr.com/photos/10331424@N03/4404599976/• http://www.flickr.com/photos/30595068@N06/5394644918/• http://www.flickr.com/photos/50451886@N00/3534516458/