myslete i na přístupnost. mobilní aplikace pro nevidomé, mdevcamp 2012

57
Myslete i na přístupnost Radek Pavlíček, blindfriendly.cz Pavel Ondra, accessibility.gug.cz

Upload: radek-pavlicek

Post on 24-May-2015

1.823 views

Category:

Technology


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

Page 1: 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

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

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í.

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

Co je přístupnost?

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

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.

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

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

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

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.

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

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.

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

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.

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

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.

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

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

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

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.

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

Komu všemu pomohu?

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

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í.

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

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…

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

Mobilní zařízení

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

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

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

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

Ne všichni stejně vidí.

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

Ne všichni stejně slyší.

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

Ne všichni stejně hmatají.

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

Ne všichni stejně rozumí.

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

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.

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

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

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

Vzít ji za svou

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

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

Myslet na ni při vývoji

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

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

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

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

Č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ší.

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

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

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

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

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

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

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

Textová alternativa

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

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

ImageButton, ImageView,EditText, CheckBox

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

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

Ovladatelnost

android:focusable attribute true

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

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

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.

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

Řazení informací podle priority

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

http://developer.android.com

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

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

Mohu si to otestovat?

Page 39: Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Page 40: Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Page 41: Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012

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

mobilních aplikací

Pavel Ondra(accessibility.gug.cz)

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

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

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

Osvěta

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

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

Školení

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

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

Testování

Testujeme: weby, aplikace, pomůcky.

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

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.

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

Otázky?

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

Zapamatujte si

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

Přístupnost pomáhá všem

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

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

Často stačí málo

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

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

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.

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

http://developer.android.com

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

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

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

www.blind-android.cz

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

Kontaktní informace

[email protected]

@radlicek@pavelondra2005

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

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

mdc.conferoo.com

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

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/