Mobile Accessibility

iOS AccessibilityJanuary 29, 2014

© 2014 Interactive Accessibility

1/28/2014 © 2014 Interactive Accessibility 2

The Accessibility Experts TM

Kathy WahlbinEmail: KathyW@ia11y.comPhone: 978-443-0798http://www.interactiveaccessibility.com

What is mobile?

1/28/2014 © 2014 Interactive Accessibility 3

?

What is Mobile?

•

•

Collective term used to describe the various types of devices used for cellular communication

Typically have features built into OS–––––

Email, calendarWeb browsingInstant messaging, voice dialingMultimediaEditing, note taking

1/28/2014 © 2014 Interactive Accessibility 4

Current Platforms

Manufacturer Platform Device Type

Apple iOS Phone, Tablet

RIM Blackberry Phone, Tablet

Microsoft Windows Phone, Tablet

Nokia Symbian /Windows Phone

Google Android Phone, Tablet

1/28/2014 © 2014 Interactive Accessibility 5

Is this mobile or desktop?

1/28/2014 © 2014 Interactive Accessibility 6

What is Mobile Accessibility?

1/28/2014 © 2014 Interactive Accessibility 7

Ability to use device and applications

effectively despite situational or physical

challenges

Mobile Challenges All of Us

•

•••••••

Smaller everything!––––

Screens (iPhone is 1/12th size of typical desktop screen)KeyboardsFontsTouch areas

No mouse - reliant on touchOne handedNoisy environmentsHands freeStill bandwidth issuesData limitationsAlways changing…

1/28/2014 © 2014 Interactive Accessibility 8

It Also Enables Us

••••••

CheaperPortableConnect anywhere – WIFI and cellular coverageReach a network of people easilyKey assistive technology built inCustom experiences – location, camera, light and motion sensors etc.

1/28/2014 © 2014 Interactive Accessibility 9

So, Who Needs Assistive Technology?

We all do!

10

Aging Eyes

One handed

Fat fingers

Busy Eyes and Hands

Outside light

Noisy, public spaces

1/28/2014 © 2014 Interactive Accessibility

Factors Effecting Mobile Accessibility

•

•

•

•

Capabilities of the mobile device

Assistive technology availability and robustness

Underlying code in the application or website

Mobile browsers and mobile application APIs

1/28/2014 © 2014 Interactive Accessibility 11

Is this Accessible?

1. Can it be read with the built-in screen reader?2. Can you use gestures with the screen reader to

navigate to the links, buttons and other interactive areas?

3. Can the website be magnified with pinch zoom and magnification settings?

1/28/2014 © 2014 Interactive Accessibility 12

iOS Devices

1/28/2014 © 2014 Interactive Accessibility 13

Quick Access to Accessibility Settings

• Triple click home (accessibility shortcut in iOS 7) turns on and off accessibility settings

1/28/2014 © 2014 Interactive Accessibility 14

iOS Accessibility Feature: Vision

•

•

•

Tools to reach screen content–––

VoiceOverSpeak selection Speak auto-text

Tools to change display–––

ZoomLarge textInvert Colors

New in iOS6 ––

VoiceOver and Zoom togetherVoiceOver and Maps

1/28/2014 © 2014 Interactive Accessibility 15

VoiceOver

•

•

•••

•

Reads the contents of the screenChanges the gestures used to control the deviceSupports 36 languagesAdjust the speaking rateLowers the background sounds when VoiceOver is speakingTurn on and off hints

1/28/2014 © 2014 Interactive Accessibility 16

Gestures

• Use gestures to move around––––––––––

Drag over the screen - Select and speak each item as you touch itTap - Speak the selected itemTwo-finger tap - Stop speaking the current itemFlick right or left - Select the next or previous itemFlick up or down – Select the next item based on rotor settingDouble tap - Activate the selected itemTwo-finger flick up - Read all accessible items from the top of the screenTwo-finger flick down - Read all accessible items from the current positionScroll a list or area of the screen - Flick up or down with three fingersAdjust a slider - Flick up or down (with a single finger) to increase or decrease the setting

1/28/2014 © 2014 Interactive Accessibility 17

Rotor

•

•

•

Allows you to change what will be read by the screen reader when moving from item to itemLandmarks not on by defaultiOS7 added handwriting to the list

1/28/2014 © 2014 Interactive Accessibility 18

Screen Curtain

• Turn off the display while using VoiceOver with triple-tap with three fingers

1/28/2014 © 2014 Interactive Accessibility 19

Bluetooth Keyboard

•

•

Quick navigation keys––

Turn on by pressing right and left arrow simultaneouslyProvides easy access to the rotor and mimics swipes in VoiceOver

Useful keys–––––

Down arrow + up arrow Activate itemLeft arrow Select previous itemRight arrow Select next itemLeft arrow + up arrow Move rotor to the leftRight arrow + up arrow Move rotor to the right

1/28/2014 © 2014 Interactive Accessibility 20

VoiceOver Practice

•••••

Navigate to WAI homepage (www.w3.org/WAI)Turn on screen curtainUse the rotor and change it to headingsSwipe right and leftSwipe up and down

1/28/2014 © 2014 Interactive Accessibility 21

Zoom

•

•

••

This is different from regular pinch / expand gestureAccessibility option to magnify the entire screen– Works everywhere – home, lock and

spotlight screens

Works with VoiceOver in iOS 6Works with Assistive Touch in iOS 7

1/28/2014 © 2014 Interactive Accessibility 22

Zoom Exercise

• Activate Zoom using gestures–––

Double-tap 3 fingers: zoomDrag 3 fingers: move around screenDrag 3 fingers: zoom between 100 to 500%

1/28/2014 © 2014 Interactive Accessibility 23

Large Text

•

•

•

•

Options to change the default font size up to 56-pointDoes not apply to all applications or menusLarge text changes text size in:–––––

MailContactsCalendarMessagesNotes

Dynamic text (iOS 7) works with any application– Controlled using a slider rather

than specific sizes

1/28/2014 © 2014 Interactive Accessibility 24

Inverted Colors

••

••

High contrast settingChanges white background to blackWorks in all applicationsPoor color contrast items will still have poor color contrast

251/28/2014 © 2014 Interactive Accessibility

Increasing Color Contrast in iOS7

••

iOS7 has lower color contrastNew options for increasing readability–––

Large cursor for VoiceOver provides bigger and thicker cursorBold type and other visual appearance adjustmentsIncrease contrast

1/28/2014 © 2014 Interactive Accessibility 26

Speak Selection

•

•

••

Alternative to VoiceOver––––

Reads textOption to highlight text as it readsChange dialectsChange speaking rate

Works in–––

WebsitesEmailMessages

iOS7 has enhanced language supportBuilt-in dictionary feature now supports additional languages

1/28/2014 © 2014 Interactive Accessibility 27

iOS Accessibility Feature: Mobility

1/28/2014 © 2014 Interactive Accessibility 28

Assistive Touch

1/28/2014 © 2014 Interactive Accessibility 29

Demo

•••

Turn on Assistive TouchSelect Create New GestureFollow the on-screen directions to create a new gesture

1/28/2014 © 2014 Interactive Accessibility 30

Siri

1/28/2014 © 2014 Interactive Accessibility 31

Siri on the iPhone 4Shttp://www.youtube.com/watch?v=rNsrl86inpo

Switch Control Demo

1/28/2014 © 2014 Interactive Accessibility 32

Questions?

1/28/2014 © 2014 Interactive Accessibility 33

Are you accessible?

1/28/2014 34© 2014 Interactive Accessibility

Kathy WahlbinEmail: KathyW@ia11y.comPhone: 978-443-0798http://www.interactiveaccessibility.com

@wahlbin

Thank you!