Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Accessibility by Marty Cullen

Accessibility by Marty Cullen

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

Triangle Cocoa

July 01, 2012
Tweet

More Decks by Triangle Cocoa

Other Decks in Programming

Transcript

  1. Accessibility • [email protected] SETUP Downcast set to podcast list Then

    switch over to settings applet Press X to swap screens
  2. 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.
  3. 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.
  4. 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.
  5. 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 ...
  6. 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.
  7. 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.
  8. 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
  9. 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.
  10. 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.
  11. 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
  12. Mac too! • Preferences - Universal Access • VoiceOver -

    ON • Try out the VoiceOver Utility • Sample Code • Sketch+Accessibility • developer.apple.com
  13. Feedback • “This app SUUUUUUUCKS” • “WTF - It dont

    do anymthing” • “I want mony back, and it be FREE” • “Please add ‘So-So’ ”
  14. 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...
  15. 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