Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
iOS Accessibility Testing with VoiceOverA Crash Course 
Aidan Tierney, IBMix@AidanA11y 
Accessibility Camp TorontoSeptembe...
One goal for this session
I cantest with iOS VoiceOver!
Hands on
One rule
“Two finger tap” means….
Shhh….!
Aye!
Shhhhhhh…!
Overview 
•Starting VoiceOver and settings 
•Simple gestures 
•Rotor 
•Other gestures 
•Procedures 
•Wireless keyboard 
•R...
Where does VoiceOver testing fit? 
AVT 1 
•syntax checking (automated possibly) 
AVT 
•manual testing (e.g. colour contras...
Simon says…
Home Screen
Settings --General
General --Accessibility
Accessibility
Accessibility Shortcut
Triple Click Home
VoiceOver ON
VoiceOver OFF
Lets go!
Simon says…
“Two finger tap” !!
Gestures
VoiceOver practice area
Using the practice area 
Gestures
Explore
One finger flick right One finger flick left
One finger double tap
Two finger flick upTwo finger flick down
Lets try it on a page in Safari 
•Turn off VoiceOver 
•Open Safari and navigate to A11y Camp TO at: www.accessibilitycampt...
The Rotor
Rotor gesture
Rotor settings
Customizing the Rotor
Practicing the rotor : Turn rotor then flick up or down
More gestures
Split tap
Magic tap - two finger double tap 
Applevis article
Screen curtain –three finger triple tap
Help: Four finger double tap
Entering data
Practicing with onscreen keyboard
•In the beginning OK to look, touch and tap but remember its cheating! 
•Screen curtain may not be necessary, however 
•Th...
Alex –new voice for iOS 
•Very natural voice 
•Beware: almost 1 GB download 
•Do not download this this on the A11y Camp W...
Test Procedures using VoiceOver 
•Non-Text Content 
•Audio Control 
•Navigation 
•Info And Relationship 
•Placeholder 
•Mo...
Open the Camera
Two finger flick upTwo finger flick down
Swipe right through whole screen 
•Onscreen keyboard (screenshot) 
•Form input (find example page!) 
•Swipe left
Swipe through, interacting 
•Try to operate controls 
•Take a picture!
These are basic procedures 
•Uncover many of the biggest issues 
•“What is this thing and what does it do?” ( Karl Groves)...
There are many more Procedures using VoiceOver 
•Non-Text Content 
•Audio Control 
•Navigation 
•Info And Relationship 
•P...
Wireless Keyboard 
•What is it? 
•Why use it? 
•How to set it up
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? ...
Keyboard commands 
•Simple operations require special key combinations 
•VO = Control-Option 
•Apple help and manuals deta...
Demo of Wireless Keyboard
Thank-you!
Apple Resources: VoiceOver 
•iPhone manual (page 119) 
•iPad manual (page 119) 
•Accessibility Programming Guidelines for ...
Other Resources 
•Applevis.com 
•Maccessibility 
•SAS Quick Reference for gestures and shortcuts 
•iMore on VoiceOver
iOS Accessibility Testing with VoiceOverA Crash Course 
Aidan Tierney@AidanA11y 
Accessibility Camp TorontoSeptember 27, 2...
iOS Accessibility Testing with VoiceOver - A Crash Course
iOS Accessibility Testing with VoiceOver - A Crash Course
Prochain SlideShare
Chargement dans…5
×

iOS Accessibility Testing with VoiceOver - A Crash Course

1 063 vues

Publié le

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.

Publié dans : Technologie

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

×