Embed Size (px)
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.
Citation preview
iOS Accessibility Testing with VoiceOverA Crash Course
Aidan Tierney, IBMix@AidanA11y
Accessibility Camp Toronto
September 27, 2014
slideshare.net/aidantierney
One goal for this session
I can test 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
• Resources
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
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.accessibilitycampto.org
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
• 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
Alex – new voice for iOS
• Very natural voice
• Beware: almost 1 GB download
• Do not download this this on the A11y Camp Wifi !!!
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
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)
• Order and sequence
• Can the user complete the task?
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
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?
• Something to consider
• Requires some practice, its not obvious how to use it
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
Demo of Wireless Keyboard
Thank-you!
Apple Resources: VoiceOver
• iPhone manual (page 119)
• iPad manual (page 119)
• Accessibility Programming Guidelines for iOS
• Accessibility Tips and Tricks
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 Toronto
September 27, 2014
slideshare.net/[email protected]
