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 VoiceOver Testing Techniques & Procedures for Absolute Beginners

2,196 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.

Published in: Technology

iOS VoiceOver Testing Techniques & Procedures for Absolute Beginners

  1. 1. iOS VoiceOver Testing Techniques & Procedures For Absolute Beginners Aidan Tierney @AidanA11y CSUN March 6, 2015 slideshare.net/aidantierney
  2. 2. One goal for this session
  3. 3. I can test with iOS VoiceOver!
  4. 4. Hands on
  5. 5. Overview • Where VoiceOver testing fits into workflow • Configuring settings for testing • Starting VoiceOver • Simple gestures • Rotor • More gestures • Test procedures • Resources
  6. 6. Just part of accessibility testing Syntax • validating code for accessibility requirements Manual • e.g. colour contrast, instructional text AT • Assistive Technology (AT): screen readers (e.g. VoiceOver ), Zoom
  7. 7. You don’t need to wait until the end • Unit testing (developers) • Test component with regular, simplified checks (like the ones you'll learn today) • Part of definition of done • After all changes, not just accessibility ones • Early builds (QA) • Verification testing prior to acceptance (QA and accessibility specialists) • More thorough, more procedures • Considers user flow, checks for consistency
  8. 8. Aye!
  9. 9. One rule
  10. 10. “Two finger tap” means….
  11. 11. Shhh….!
  12. 12. Check volume
  13. 13. Home screen -- settings
  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. VoiceOver practice area
  23. 23. Practicing gestures in practice area Gestures
  24. 24. Explore
  25. 25. One finger flick right One finger flick left
  26. 26. One finger double tap
  27. 27. Two finger flick up Two finger flick down
  28. 28. Lets try it on a page in Safari 1. Turn off VoiceOver 2. Open Safari 3. Navigate to a11yyow.ca 4. Turn VO on with triple click home
  29. 29. The Rotor
  30. 30. Rotor settings
  31. 31. Customizing the Rotor
  32. 32. Practicing using the rotor Turn rotor then flick up or down
  33. 33. More gestures
  34. 34. Split tap
  35. 35. Magic tap - two finger double tap Applevis article
  36. 36. Screen curtain: three finger triple tap
  37. 37. Scrolling: three finger swipe
  38. 38. Help: Four finger double tap
  39. 39. • Test with the native iOS keyboard, not 3rd party • Input is slow & difficult with onscreen keyboard Entering data
  40. 40. • In the beginning it’s OK to cheat: look, touch and tap • Don’t rely on seeing screen – however screen curtain not essential • OK to turn off and on VO (triple click home) • Double tap anywhere on screen • Screen may not scroll automatically • Three finger swipe will scroll screen • Simple gestures are enough No need to test all gestures Keep in mind
  41. 41. Basic test procedures 1. Listen to the screen without interacting 2. Move through the screen using swipe 3. Interact with elements What is this thing and what does it do? Can you complete action? Meaningful order & sequence Can you complete task?
  42. 42. Practice with the Camera App 1. Turn VO off 2. Open Camera 3. Turn VO on
  43. 43. Test camera with basic procedures 1. Listen to whole screen without interacting • Two finger flick up 2. Move through screen • One finger flick left/right 3. Move through and interact 4. Take a selfie!
  44. 44. Try the Screen Curtain Three finger triple tap Take a selfie now!
  45. 45. More Procedures with VoiceOver • Non-Text Content • Navigation • Info And Relationship • 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 • Error ID
  46. 46. Wireless keyboard • What is it? • Why use it? • How to set it up • It’s a bit complicated • See Apple help and iPad/iPhone manuals for keystrokes • Quick Navigation Mode
  47. 47. Thank-you!
  48. 48. Apple Accessibility Resources • iPhone manual (page 142) • iPad manual (page 119) • Accessibility Programming Guidelines for iOS • Accessibility Tips and Tricks
  49. 49. Other Resources • Applevis.com • Maccessibility • SAS Quick Reference for gestures and shortcuts • iMore on VoiceOver
  50. 50. iOS VoiceOver Testing Techniques & Procedures For Absolute Beginners Aidan Tierney @AidanA11y CSUN March 6, 2015 slideshare.net/aidantierney

×