ATIA Workshop - iOS Accessibility

Mobile Accessibility

iOS Accessibility
January 29, 2014
© 2014 Interactive Accessibility

The Accessibility Experts TM

Kathy Wahlbin
Email: KathyW@ia11y.com
Phone: 978-443-0798
http://www.interactiveaccessibility.com

1/28/2014


2

What is mobile?

?

1/28/2014


3

What is Mobile?
• Collective term used to describe the various types of
devices used for cellular communication
• Typically have features built into OS
–
–
–
–
–

1/28/2014

Email, calendar
Web browsing
Instant messaging, voice dialing
Multimedia
Editing, note taking


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


5

Is this mobile or desktop?

1/28/2014


6

What is Mobile Accessibility?

Ability to use device
and applications
effectively despite
situational or physical
challenges

1/28/2014


7

Mobile Challenges All of Us
• Smaller everything!
–
–
–
–

•
•
•
•
•
•
•

Screens (iPhone is 1/12th size of typical desktop screen)
Keyboards
Fonts
Touch areas

No mouse - reliant on touch
One handed
Noisy environments
Hands free
Still bandwidth issues
Data limitations
Always changing…

1/28/2014


8

It Also Enables Us
•
•
•
•
•
•

Cheaper
Portable
Connect anywhere – WIFI and cellular coverage
Reach a network of people easily
Key assistive technology built in
Custom experiences – location, camera, light and
motion sensors etc.

1/28/2014


9

So, Who Needs Assistive Technology?
We all do!

One handed

Outside light

Aging Eyes

Busy Eyes and Hands

Noisy, public spaces

Fat fingers
1/28/2014


10

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


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


12

iOS Devices

1/28/2014


13

Quick Access to Accessibility Settings
• Triple click home (accessibility shortcut in iOS 7) turns
on and off accessibility settings

1/28/2014


14

iOS Accessibility Feature: Vision
• Tools to reach screen content
– VoiceOver
– Speak selection
– Speak auto-text

• Tools to change display
– Zoom
– Large text
– Invert Colors

• New in iOS6
– VoiceOver and Zoom together
– VoiceOver and Maps

1/28/2014


15

VoiceOver
• Reads the contents of the
screen
• Changes the gestures used
to control the device
• Supports 36 languages
• Adjust the speaking rate
• Lowers the background
sounds when VoiceOver is
speaking
• Turn on and off hints

1/28/2014


16

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

1/28/2014

Drag over the screen - Select and speak each item as you touch it
Tap - Speak the selected item
Two-finger tap - Stop speaking the current item
Flick right or left - Select the next or previous item
Flick up or down – Select the next item based on rotor setting
Double tap - Activate the selected item
Two-finger flick up - Read all accessible items from the top of the screen
Two-finger flick down - Read all accessible items from the current position
Scroll a list or area of the screen - Flick up or down with three fingers
Adjust a slider - Flick up or down (with a single finger) to increase or
decrease the setting


17

Rotor
• Allows you to
change what will
be read by the
screen reader when
moving from item
to item
• Landmarks not on
by default
• iOS7 added
handwriting to the
list
1/28/2014


18

Screen Curtain
• Turn off the display while using VoiceOver with tripletap with three fingers

1/28/2014


19

Bluetooth Keyboard
• Quick navigation keys
– Turn on by pressing right and left arrow simultaneously
– Provides easy access to the rotor and mimics swipes in
VoiceOver

• Useful keys
–
–
–
–
–
1/28/2014

Down arrow + up arrow
Left arrow
Right arrow
Left arrow + up arrow
Right arrow + up arrow

Activate item
Select previous item
Select next item
Move rotor to the left
Move rotor to the right


20

VoiceOver Practice

•
•
•
•
•

Navigate to WAI homepage (www.w3.org/WAI)
Turn on screen curtain
Use the rotor and change it to headings
Swipe right and left
Swipe up and down

1/28/2014


21

Zoom
• This is different from regular pinch /
expand gesture
• Accessibility option to magnify the entire
screen
– Works everywhere – home, lock and
spotlight screens

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

1/28/2014


22

Zoom Exercise

• Activate Zoom using gestures
– Double-tap 3 fingers: zoom
– Drag 3 fingers: move around screen
– Drag 3 fingers: zoom between 100 to 500%

1/28/2014


23

Large Text
• Options to change the default
font size up to 56-point
• Does not apply to all
applications or menus
• Large text changes text size in:
–
–
–
–
–

Mail
Contacts
Calendar
Messages
Notes

• Dynamic text (iOS 7) works with
any application
– Controlled using a slider rather
than specific sizes
1/28/2014


24

Inverted Colors
• High contrast setting
• Changes white
background to black
• Works in all applications
• Poor color contrast items
will still have poor color
contrast

1/28/2014


25

Increasing Color Contrast in iOS7
• iOS7 has lower color contrast
• New options for increasing readability
– Large cursor for VoiceOver provides bigger and thicker cursor
– Bold type and other visual appearance adjustments
– Increase contrast

1/28/2014


26

Speak Selection
•

Alternative to VoiceOver
–
–
–
–

•

Reads text
Option to highlight text as it reads
Change dialects
Change speaking rate

Works in
– Websites
– Email
– Messages

• iOS7 has enhanced language support
• Built-in dictionary feature now supports
additional languages

1/28/2014


27

iOS Accessibility Feature: Mobility

1/28/2014


28

Assistive Touch

1/28/2014


29

Demo

• Turn on Assistive Touch
• Select Create New Gesture
• Follow the on-screen directions to create a new
gesture

1/28/2014


30

Siri

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

1/28/2014


31

Switch Control Demo

1/28/2014


32

Questions?

1/28/2014


33

Kathy Wahlbin

Email: KathyW@ia11y.com
Phone: 978-443-0798
http://www.interactiveaccessibility.com
@wahlbin

Are you accessible?
Thank you!

ATIA Workshop - iOS Accessibility

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (19)

Similaire à ATIA Workshop - iOS Accessibility

Similaire à ATIA Workshop - iOS Accessibility (20)

Dernier

Dernier (20)

ATIA Workshop - iOS Accessibility