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.
5. Overview
• Where VoiceOver testing fits into workflow
• Configuring settings for testing
• Starting VoiceOver
• Simple gestures
• Rotor
• More gestures
• Test procedures
• Resources
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. 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
39. • Test with the native iOS keyboard, not 3rd party
• Input is slow & difficult with onscreen keyboard
Entering data
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. 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. Practice with the Camera App
1. Turn VO off
2. Open Camera
3. Turn VO on
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. Try the Screen Curtain
Three finger triple tap
Take a selfie now!
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. 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