ios accessibility testing with voiceover - a crash course
DESCRIPTION
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.TRANSCRIPT
![Page 1: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/1.jpg)
iOS Accessibility Testing with VoiceOverA Crash Course
Aidan Tierney, IBMix@AidanA11y
Accessibility Camp Toronto
September 27, 2014
slideshare.net/aidantierney
![Page 2: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/2.jpg)
![Page 3: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/3.jpg)
![Page 4: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/4.jpg)
One goal for this session
![Page 5: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/5.jpg)
I can test with iOS VoiceOver!
![Page 6: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/6.jpg)
Hands on
![Page 7: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/7.jpg)
One rule
![Page 8: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/8.jpg)
“Two finger tap” means….
![Page 9: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/9.jpg)
Shhh….!
![Page 10: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/10.jpg)
Aye!
![Page 11: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/11.jpg)
Shhhhhhh…!
![Page 12: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/12.jpg)
Overview
• Starting VoiceOver and settings
• Simple gestures
• Rotor
• Other gestures
• Procedures
• Wireless keyboard
• Resources
![Page 13: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/13.jpg)
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 many iOS accessibility features
• Overview of what’s new – Luis Perez
![Page 14: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/14.jpg)
Simon says…
![Page 15: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/15.jpg)
Home Screen
![Page 16: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/16.jpg)
Settings -- General
![Page 17: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/17.jpg)
General -- Accessibility
![Page 18: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/18.jpg)
Accessibility
![Page 19: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/19.jpg)
Accessibility Shortcut
![Page 20: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/20.jpg)
Triple Click Home
![Page 21: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/21.jpg)
VoiceOver ON
![Page 22: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/22.jpg)
VoiceOver OFF
![Page 23: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/23.jpg)
Lets go!
![Page 24: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/24.jpg)
Simon says…
![Page 25: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/25.jpg)
“Two finger tap” !!
![Page 26: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/26.jpg)
Gestures
![Page 27: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/27.jpg)
VoiceOver practice area
![Page 28: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/28.jpg)
Using the practice area
Gestures
![Page 29: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/29.jpg)
Explore
![Page 30: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/30.jpg)
One finger flick right One finger flick left
![Page 31: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/31.jpg)
One finger double tap
![Page 32: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/32.jpg)
Two finger flick upTwo finger flick down
![Page 33: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/33.jpg)
Lets try it on a page in Safari
• Turn off VoiceOver
• Open Safari and navigate to A11y Camp TO at: www.accessibilitycampto.org
![Page 34: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/34.jpg)
The Rotor
![Page 35: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/35.jpg)
Rotor gesture
![Page 36: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/36.jpg)
Rotor settings
![Page 37: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/37.jpg)
Customizing the Rotor
![Page 38: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/38.jpg)
Practicing the rotor :Turn rotor then flick up or down
![Page 39: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/39.jpg)
More gestures
![Page 40: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/40.jpg)
Split tap
![Page 41: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/41.jpg)
Magic tap -two finger double tap
Applevis article
![Page 42: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/42.jpg)
Screen curtain – three finger triple tap
![Page 43: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/43.jpg)
Help: Four finger double tap
![Page 44: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/44.jpg)
Entering data
![Page 45: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/45.jpg)
Practicing with onscreen keyboard
![Page 46: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/46.jpg)
• 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
![Page 47: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/47.jpg)
Alex – new voice for iOS
• Very natural voice
• Beware: almost 1 GB download
• Do not download this this on the A11y Camp Wifi !!!
![Page 48: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/48.jpg)
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
![Page 49: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/49.jpg)
Open the Camera
![Page 50: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/50.jpg)
Two finger flick upTwo finger flick down
![Page 51: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/51.jpg)
Swipe right through whole screen
• Onscreen keyboard (screenshot)
• Form input (find example page!)
• Swipe left
![Page 52: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/52.jpg)
Swipe through, interacting
• Try to operate controls
• Take a picture!
![Page 53: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/53.jpg)
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?
![Page 54: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/54.jpg)
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
![Page 55: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/55.jpg)
Wireless Keyboard
• What is it?
• Why use it?
• How to set it up
![Page 56: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/56.jpg)
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
![Page 57: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/57.jpg)
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
![Page 58: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/58.jpg)
Demo of Wireless Keyboard
![Page 59: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/59.jpg)
Thank-you!
![Page 60: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/60.jpg)
Apple Resources: VoiceOver
• iPhone manual (page 119)
• iPad manual (page 119)
• Accessibility Programming Guidelines for iOS
• Accessibility Tips and Tricks
![Page 61: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/61.jpg)
Other Resources
• Applevis.com
• Maccessibility
• SAS Quick Reference for gestures and shortcuts
• iMore on VoiceOver
![Page 62: iOS Accessibility Testing with VoiceOver - A Crash Course](https://reader033.vdocuments.mx/reader033/viewer/2022051209/547e87cdb379597b2b8b54b1/html5/thumbnails/62.jpg)
iOS Accessibility Testing with VoiceOverA Crash Course
Aidan Tierney@AidanA11y
Accessibility Camp Toronto
September 27, 2014
slideshare.net/[email protected]