ATIA Workshop - iOS Accessibility

Mobile Accessibility

iOS AccessibilityJanuary 29, 2014

© 2014 Interactive Accessibility

1/28/2014 © 2014 Interactive Accessibility 2

The Accessibility Experts TM

Kathy WahlbinEmail: [email protected]: 978-443-0798http://www.interactiveaccessibility.com

mailto:[email protected]

http://www.interactiveaccessibility.com

What is mobile?


?

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


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


Is this mobile or desktop?


What is Mobile Accessibility?


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…


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.


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


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?


iOS Devices


Quick Access to Accessibility Settings

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


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


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


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


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


Screen Curtain

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


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


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


http://www.w3.org/WAI

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


Zoom Exercise

• Activate Zoom using gestures–––

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


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


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


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


iOS Accessibility Feature: Mobility


Assistive Touch


Demo

•••

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


Siri


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

http://www.youtube.com/watch?v=rNsrl86inpo

Switch Control Demo


Questions?


Are you accessible?

1/28/2014 34© 2014 Interactive Accessibility

Kathy WahlbinEmail: [email protected]: 978-443-0798http://www.interactiveaccessibility.com

@wahlbin

Thank you!

mailto:[email protected]

http://www.interactiveaccessibility.com/

ATIA Workshop - iOS Accessibility

Technology

Transcript of ATIA Workshop - iOS Accessibility