Accessibility by Marty Cullen

Marty discusses implementing accessibility in you iOS apps at CocoaHeads Durham in May 2012

Transcript

1. Accessibility • Marty.Cullen@echoBaseSoftware.com SETUP Downcast set to podcast list Then switch over to settings applet Press X to swap screens
2. Got Accessibility? Who has played with accessibility on iOS? Who has already enabled an app? Bravo
3. Why? • More Users • Karma • Testing • Easy
4. 285 Million http://www.lighthouse.org/research/statistics-on-vision- impairment/prevalence-of-vision-impairment/ Over 285 million people in the world are visually impaired
5. Don’t take my word... http://mattgemmell.com/2010/12/19/accessibility-for- iphone-and-ipad-apps/ If you don’t think this matters... are on the fence about the topic... or are interested in an emotional story, check out Matts article. In brief, these people love their iphones too, and they deserve just as engaging experience.
6. Testing • Instruments - UIAutomation • KIF • Monkey Talk All of the iOS testing tools leverage your investment in accessibility. It uses these additional fields to uniquely identify the controls. This is less brittle than identifying your controls through the heirarchy.
7. Half Done Already Apple has done the heavy lifting and much of your work is already done. Maybe as much as 100% done. OK, table for 50 at Tylers.
8. Voice Over • Describes your UI to the user • 36 languages / Localized • All iOS devices v 3.0+ So, what is accessibility for the users Voice Over ...
9. Interface Builder You my not have noticed it, but much of what you will need to do can be done in IB. But of course you don’t HAVE to.
10. Enabled Elements for visual flare that provide no info to users can be ignored. Apple has defaulted the controls intelligently. Many will not require modification.
11. Label If the control has a label, VO will use it. The accessibility label is useful, when you want to say something different or have an icon or visual control that needs explanation
12. Hint Hint Think of it as a ToolTip for accessibility. Will be spoken after the label and a brief pause. Only populate if necessary to clarify the controls purpose.
13. Traits Help your user understand what each control does by explaining what kind of data is displayed or entered here. Again, probably will not have to modify these.
14. Sample Code • Formulaic • developer.apple.com A great sample app is provided for you to see it in action.
15. Testing Apple has also given us this tool to test accessibility in the simulator. There is a good guide on how to use it at developer.apple.com I found it to be fiddly and annoying But just turn it on in settings and spend all afternoon moving the inspector out of the way As always, there is nothing like real device testing
16. Mac too! • Preferences - Universal Access • VoiceOver - ON • Try out the VoiceOver Utility • Sample Code • Sketch+Accessibility • developer.apple.com
17. How You Doin?
18. Feedback • “This app SUUUUUUUCKS” • “WTF - It dont do anymthing” • “I want mony back, and it be FREE” • “Please add ‘So-So’ ”
19. How You Doin? Settings - General - Accessibility - VoiceOver - On read this screen carefully - Tap select - double tap select - 3 finger swipe to scroll home button - 3 finger scroll to How you doin - tap - double tap select emotion - dblclick - tap the description Repeat for each emotion Twitter rotate No effort was expended in making this app accessible (or in the development of the app) home button Now lets look at a pro app...
20. DownCast Downcast - double click Tap Now Playing - wait for full messages - explain The fist time they use the app, they will appreciate the extended description But once they get a feel for the app they do not need to wait for it Tap Build and Analyze - wait Hypercritical - wait - DoubleClick to select Select podcast and then dblclick Press pause and dblclick Click on the volume and wait Swipe up and down to test Hypercritical button in upper left - and dblclick Podcasts and dblclick reselect hypercritical if not already Swipe right to mac power users - wait Tap podcasts and swipe right and left More tab in bottom right- double click Select tools - Sometimes voiceover doesn’t get the words right, so even if the developer hasn’t fixed it, theres an app for that -- uhhhh you know what I mean (it spells it out for you) Swipe down quickly through T - o - o then pause and wait for the phonetics - - Seems a bit much, but, hey its there And one thing I found by accident - press the text at the bottom till it reveals the DISPLAY APP LOG double click tap a line - and even that seems to work SCORE: A
21. Apple Resources • https://developer.apple.com/technologies/ ios/accessibility.html • https://developer.apple.com/library/ios/ #documentation/UserExperience/ Conceptual/iPhoneAccessibility/ Introduction/Introduction.html • https://developer.apple.com/videos/wwdc/ 2011/
23. Questions?
24. Are you a QA Professional? We are looking for one? See me