Made for Everyone

Since 2009, iOS has provided a great user experience, not only for people with perfect eyesight, hearing, and motor skills, but for everyone. There is usually very little coding involved in making sure that our own apps provide the same great experience.

Standard controls comes with a lot of behavior for free, and can be studied, customized, and used to tailor the experience for our apps and controls. Providing a good experience means thinking about the functionality of our apps and asking simple questions like: what does this button do?, what is the content on this screen?, etc.

Questions like these don’t relate to just making the app accessible. It’s relevant to all users of your app, equally, and should be asked both early and often in the development process.

Transcript

1. Made for Everyone David Rönnqvist MCE 2015
2. “ accessibility ”
3. ability to access “ accessibility ”
4. ability to access … be easily used … be easily understood “ accessibility ”
5. Being inclusive
6. VoiceOver
7. Gestures & Spoken Descriptions
8. “ what is it? ” “ what does it do? ”
11. Previous track button Next track button Pause button
12. Previous track button Next track button Pause button Volume control (50%)
13. Previous track button Next track button Pause button Volume control (50%) Album art <track name> <artist name> — <album name>
14. Back button Track list button Previous track button Next track button Pause button Volume control (50%) Album art <track name> <artist name> — <album name>
15. If this is hard, it’s not because implementing accessibility is very difficult
18. <city> <weather> <temperature> <day> <high and low temperatures> <hour> <weather> <temperature> <day> <weather> <high and low temperatures>
19. <city> <weather> <temperature> <day> <high and low temperatures> <hour> <weather> <temperature> <day> <weather> <high and low temperatures> Edit cities button
20. Label, Traits, Value, Hint
21. Tapping this button ___________ A suitable hint
22. Label Value Hint Trait Previous track, Pause, Next track Button
23. Label Value Hint Trait Volume 50% Adjustable
24. Label Value Hint Trait Back, Track list Button
25. Label Value Hint Trait Tuesday, Mostly Cloudy, High 2, Low -2
26. Label Value Hint Trait Edit cities Button
27. accessibilityLabel accessibilityValue accessibilityHint accessibilityTraits
28. Interaction
29. Focus & Interact
30. “ what is it? ” “ what does it do? ”
31. 1 Action 3 Actions Default action (tap on the email)
32. Description + Target + Selector
33. “ does any one action represent the whole screen? ”
34. “ what do you want the user to know? ”
35. Context
36. A good experience
37. Lessons learnt
40. What I’m really saying
41. “ Some folks ain’t got much use for bitmaps on screens, they get the lay of the land through this alternate means. If you wan’t to build your app for maximum utility, then take a little time, implement accessibility… Tell the story of your application. Describe the glory of its interface, so we can know sight unseen what’s going on on the screen. Share your app with the whole human race. ”
42. Thanks for listening! David Rönnqvist @davidronnqvist http://ronnqvi.st
43. Questions MCE 2015