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.interactiveaccessibilit...
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
• Typicall...
Current Platforms
Manufacturer

Platform

Device Type

Apple

iOS

Phone, Tablet

RIM

Blackberry

Phone, Tablet

Microsof...
Is this mobile or desktop?

1/28/2014

© 2014 Interactive Accessibility

6
What is Mobile Accessibility?

Ability to use device
and applications
effectively despite
situational or physical
challeng...
Mobile Challenges All of Us
• Smaller everything!
–
–
–
–

•
•
•
•
•
•
•

Screens (iPhone is 1/12th size of typical deskto...
It Also Enables Us
•
•
•
•
•
•

Cheaper
Portable
Connect anywhere – WIFI and cellular coverage
Reach a network of people e...
So, Who Needs Assistive Technology?
We all do!

One handed

Outside light

Aging Eyes

Busy Eyes and Hands

Noisy, public ...
Factors Effecting Mobile Accessibility
• Capabilities of the mobile device
• Assistive technology availability and robustn...
Is this Accessible?
1. Can it be read with the built-in screen reader?
2. Can you use gestures with the screen reader to
n...
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 accessibilit...
iOS Accessibility Feature: Vision
• Tools to reach screen content
– VoiceOver
– Speak selection
– Speak auto-text

• Tools...
VoiceOver
• Reads the contents of the
screen
• Changes the gestures used
to control the device
• Supports 36 languages
• A...
Gestures
• Use gestures to move around
–
–
–
–
–
–
–
–
–
–

1/28/2014

Drag over the screen - Select and speak each item a...
Rotor
• Allows you to
change what will
be read by the
screen reader when
moving from item
to item
• Landmarks not on
by de...
Screen Curtain
• Turn off the display while using VoiceOver with tripletap with three fingers

1/28/2014

© 2014 Interacti...
Bluetooth Keyboard
• Quick navigation keys
– Turn on by pressing right and left arrow simultaneously
– Provides easy acces...
VoiceOver Practice

•
•
•
•
•

Navigate to WAI homepage (www.w3.org/WAI)
Turn on screen curtain
Use the rotor and change i...
Zoom
• This is different from regular pinch /
expand gesture
• Accessibility option to magnify the entire
screen
– Works e...
Zoom Exercise

• Activate Zoom using gestures
– Double-tap 3 fingers: zoom
– Drag 3 fingers: move around screen
– Drag 3 f...
Large Text
• Options to change the default
font size up to 56-point
• Does not apply to all
applications or menus
• Large ...
Inverted Colors
• High contrast setting
• Changes white
background to black
• Works in all applications
• Poor color contr...
Increasing Color Contrast in iOS7
• iOS7 has lower color contrast
• New options for increasing readability
– Large cursor ...
Speak Selection
•

Alternative to VoiceOver
–
–
–
–

•

Reads text
Option to highlight text as it reads
Change dialects
Ch...
iOS Accessibility Feature: Mobility

1/28/2014

© 2014 Interactive Accessibility

28
Assistive Touch

1/28/2014

© 2014 Interactive Accessibility

29
Demo

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

1/2...
Siri

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

1/28/2014

© 2014 Interactive Accessibility

31
Switch Control Demo

1/28/2014

© 2014 Interactive Accessibility

32
Questions?

1/28/2014

© 2014 Interactive Accessibility

33
Kathy Wahlbin

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

Are you acces...
Upcoming SlideShare
Loading in...5
×

ATIA Workshop - iOS Accessibility

998

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
998
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

ATIA Workshop - iOS Accessibility

  1. 1. Mobile Accessibility iOS Accessibility January 29, 2014 © 2014 Interactive Accessibility
  2. 2. The Accessibility Experts TM Kathy Wahlbin Email: KathyW@ia11y.com Phone: 978-443-0798 http://www.interactiveaccessibility.com 1/28/2014 © 2014 Interactive Accessibility 2
  3. 3. What is mobile? ? 1/28/2014 © 2014 Interactive Accessibility 3
  4. 4. 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 © 2014 Interactive Accessibility 4
  5. 5. 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
  6. 6. Is this mobile or desktop? 1/28/2014 © 2014 Interactive Accessibility 6
  7. 7. What is Mobile Accessibility? Ability to use device and applications effectively despite situational or physical challenges 1/28/2014 © 2014 Interactive Accessibility 7
  8. 8. 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 © 2014 Interactive Accessibility 8
  9. 9. 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 © 2014 Interactive Accessibility 9
  10. 10. 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 © 2014 Interactive Accessibility 10
  11. 11. 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
  12. 12. 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
  13. 13. iOS Devices 1/28/2014 © 2014 Interactive Accessibility 13
  14. 14. 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
  15. 15. 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 © 2014 Interactive Accessibility 15
  16. 16. 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 © 2014 Interactive Accessibility 16
  17. 17. 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 © 2014 Interactive Accessibility 17
  18. 18. 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 © 2014 Interactive Accessibility 18
  19. 19. Screen Curtain • Turn off the display while using VoiceOver with tripletap with three fingers 1/28/2014 © 2014 Interactive Accessibility 19
  20. 20. 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 © 2014 Interactive Accessibility 20
  21. 21. 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 © 2014 Interactive Accessibility 21
  22. 22. 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 © 2014 Interactive Accessibility 22
  23. 23. 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 © 2014 Interactive Accessibility 23
  24. 24. 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 © 2014 Interactive Accessibility 24
  25. 25. 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 © 2014 Interactive Accessibility 25
  26. 26. 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 © 2014 Interactive Accessibility 26
  27. 27. 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 © 2014 Interactive Accessibility 27
  28. 28. iOS Accessibility Feature: Mobility 1/28/2014 © 2014 Interactive Accessibility 28
  29. 29. Assistive Touch 1/28/2014 © 2014 Interactive Accessibility 29
  30. 30. Demo • Turn on Assistive Touch • Select Create New Gesture • Follow the on-screen directions to create a new gesture 1/28/2014 © 2014 Interactive Accessibility 30
  31. 31. Siri Siri on the iPhone 4S http://www.youtube.com/watch?v=rNsrl86inpo 1/28/2014 © 2014 Interactive Accessibility 31
  32. 32. Switch Control Demo 1/28/2014 © 2014 Interactive Accessibility 32
  33. 33. Questions? 1/28/2014 © 2014 Interactive Accessibility 33
  34. 34. Kathy Wahlbin Email: KathyW@ia11y.com Phone: 978-443-0798 http://www.interactiveaccessibility.com @wahlbin Are you accessible? Thank you!
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×