• Like
ATIA Workshop - iOS Accessibility
 

ATIA Workshop - iOS Accessibility

on

  • 838 views

 

Statistics

Views

Total Views
838
Views on SlideShare
739
Embed Views
99

Actions

Likes
1
Downloads
15
Comments
0

1 Embed 99

http://www.interactiveaccessibility.com 99

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    ATIA Workshop - iOS Accessibility ATIA Workshop - iOS Accessibility Presentation Transcript

    • 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 © 2014 Interactive Accessibility 2
    • 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 – – – – – 1/28/2014 Email, calendar Web browsing Instant messaging, voice dialing Multimedia Editing, note taking © 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? Ability to use device and applications effectively despite situational or physical challenges 1/28/2014 © 2014 Interactive Accessibility 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 © 2014 Interactive Accessibility 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 © 2014 Interactive Accessibility 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 © 2014 Interactive Accessibility 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 © 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 – 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
    • 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
    • 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
    • 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
    • Screen Curtain • Turn off the display while using VoiceOver with tripletap with three fingers 1/28/2014 © 2014 Interactive Accessibility 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 © 2014 Interactive Accessibility 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 © 2014 Interactive Accessibility 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 © 2014 Interactive Accessibility 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 © 2014 Interactive Accessibility 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 © 2014 Interactive Accessibility 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 © 2014 Interactive Accessibility 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 © 2014 Interactive Accessibility 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 © 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 Touch • Select Create New Gesture • Follow the on-screen directions to create a new gesture 1/28/2014 © 2014 Interactive Accessibility 30
    • 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 accessible? Thank you!