Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

iOS Accessibility Testing with VoiceOver - A Crash Course

1,074 views

Published on

Learn the basics of how to use VoiceOver and a set of procedures for iOS accessibility testing. Bring an iOS device if you have one and follow along - this will be a hands-on session.

We'll start by turning on VoiceOver, and adjusting some settings. Then we will practice some simple gestures. With this foundation in place, we'll go through (and also practice) a set of VoiceOver test procedures for native apps and mobile web content. Finally we’ll look at wireless keyboard testing techniques and procedures.

Published in: Technology

iOS Accessibility Testing with VoiceOver - A Crash Course

  1. 1. iOS Accessibility Testing with VoiceOverA Crash Course Aidan Tierney, IBMix@AidanA11y Accessibility Camp TorontoSeptember 27, 2014 slideshare.net/aidantierney
  2. 2. One goal for this session
  3. 3. I cantest with iOS VoiceOver!
  4. 4. Hands on
  5. 5. One rule
  6. 6. “Two finger tap” means….
  7. 7. Shhh….!
  8. 8. Aye!
  9. 9. Shhhhhhh…!
  10. 10. Overview •Starting VoiceOver and settings •Simple gestures •Rotor •Other gestures •Procedures •Wireless keyboard •Resources
  11. 11. Where does VoiceOver testing fit? AVT 1 •syntax checking (automated possibly) AVT •manual testing (e.g. colour contrast, instructions ) AVT 3 •Assistive Technology (e.g. VoiceOver) •VoiceOver is only one part of accessibility testing •VoiceOver one of manyiOS accessibility features •Overviewof what’s new –Luis Perez
  12. 12. Simon says…
  13. 13. Home Screen
  14. 14. Settings --General
  15. 15. General --Accessibility
  16. 16. Accessibility
  17. 17. Accessibility Shortcut
  18. 18. Triple Click Home
  19. 19. VoiceOver ON
  20. 20. VoiceOver OFF
  21. 21. Lets go!
  22. 22. Simon says…
  23. 23. “Two finger tap” !!
  24. 24. Gestures
  25. 25. VoiceOver practice area
  26. 26. Using the practice area Gestures
  27. 27. Explore
  28. 28. One finger flick right One finger flick left
  29. 29. One finger double tap
  30. 30. Two finger flick upTwo finger flick down
  31. 31. Lets try it on a page in Safari •Turn off VoiceOver •Open Safari and navigate to A11y Camp TO at: www.accessibilitycampto.org
  32. 32. The Rotor
  33. 33. Rotor gesture
  34. 34. Rotor settings
  35. 35. Customizing the Rotor
  36. 36. Practicing the rotor : Turn rotor then flick up or down
  37. 37. More gestures
  38. 38. Split tap
  39. 39. Magic tap - two finger double tap Applevis article
  40. 40. Screen curtain –three finger triple tap
  41. 41. Help: Four finger double tap
  42. 42. Entering data
  43. 43. Practicing with onscreen keyboard
  44. 44. •In the beginning OK to look, touch and tap but remember its cheating! •Screen curtain may not be necessary, however •The double tap can be anywhere on screen •Screen will scroll as swipe through items, but there are other ways to scroll •Test with simple gestures first
  45. 45. Alex –new voice for iOS •Very natural voice •Beware: almost 1 GB download •Do not download this this on the A11y Camp Wifi !!!
  46. 46. Test Procedures using VoiceOver •Non-Text Content •Audio Control •Navigation •Info And Relationship •Placeholder •Modals and popups •Refreshing content (live regions) •Focus Order •On Focus •On Input •Gestures •No Trap •Bypass Blocks •Page Title •Form Instructions •Name Role Value •Forms and Errors •Form Completion •ErrorID •Tables
  47. 47. Open the Camera
  48. 48. Two finger flick upTwo finger flick down
  49. 49. Swipe right through whole screen •Onscreen keyboard (screenshot) •Form input (find example page!) •Swipe left
  50. 50. Swipe through, interacting •Try to operate controls •Take a picture!
  51. 51. These are basic procedures •Uncover many of the biggest issues •“What is this thing and what does it do?” ( Karl Groves) •Order and sequence •Can the user complete the task?
  52. 52. There are many more Procedures using VoiceOver •Non-Text Content •Audio Control •Navigation •Info And Relationship •Placeholder •Modals and popups •Refreshing content (live regions) •Focus Order •On Focus •On Input •Gestures •No Trap •Bypass Blocks •Page Title •Form Instructions •Name Role Value •Forms and Errors •Form Completion •ErrorID •Tables
  53. 53. Wireless Keyboard •What is it? •Why use it? •How to set it up
  54. 54. Is it important to test with it? •It’s not a top priority if your team is new to accessibility •What type of app is it? •Something to consider •Requires some practice, its not obvious how to use it
  55. 55. Keyboard commands •Simple operations require special key combinations •VO = Control-Option •Apple help and manuals detail the keystrokes •SAS Support has a useful resource •Quick Navigation Mode –Victor Tsaran •This mode is very efficient
  56. 56. Demo of Wireless Keyboard
  57. 57. Thank-you!
  58. 58. Apple Resources: VoiceOver •iPhone manual (page 119) •iPad manual (page 119) •Accessibility Programming Guidelines for iOS •Accessibility Tips and Tricks
  59. 59. Other Resources •Applevis.com •Maccessibility •SAS Quick Reference for gestures and shortcuts •iMore on VoiceOver
  60. 60. iOS Accessibility Testing with VoiceOverA Crash Course Aidan Tierney@AidanA11y Accessibility Camp TorontoSeptember 27, 2014 slideshare.net/aidantierney atierney@ca.ibm.com

×