iOS VoiceOver Testing Techniques & Procedures For Absolute Beginners

Aidan Tierney @AidanA11y

CSUN

March 6, 2015

slideshare.net/aidantierney

One goal for this session

I can test with

iOS VoiceOver!

Hands on

Overview

• Where VoiceOver testing fits into workflow

• Configuring settings for testing

• Starting VoiceOver

• Simple gestures

• Rotor

• More gestures

• Test procedures

• Resources

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

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

Aye!

One rule

“Two finger tap” means….

Shhh….!

Check volume

Home screen -- settings

Settings -- General

General -- Accessibility

Accessibility

Accessibility Shortcut

Triple Click Home

VoiceOver ON

VoiceOver OFF

Lets go!

VoiceOver practice area

Practicing gestures in practice area

Gestures

Explore

One finger flick right

One finger flick left

One finger double tap

Two finger flick up

Two finger flick down

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

The Rotor

Rotor settings

Customizing the Rotor

Practicing using 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

Scrolling: three finger swipe

Help: Four finger double tap

• Test with the native iOS keyboard, not 3rd party

• Input is slow & difficult with onscreen keyboard

Entering data

• 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

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?

Practice with the Camera App

1. Turn VO off

2. Open Camera

3. Turn VO on

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!

Try the Screen Curtain

Three finger triple tap

Take a selfie now!

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

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

Thank-you!

Apple Accessibility Resources

• iPhone manual (page 142)

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

Aidan Tierney @AidanA11y

CSUN

March 6, 2015

slideshare.net/aidantierney