Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

iOS Accessibility Testing Workshop

330 views

Published on

iOS Accessibility Testing Workshop for Global Accessibility Awareness Day 2017. Covers what accessibility is, what technologies are available on iOS, which assistive features can be handled during design, which assistive features need to be supported during development, the accessibility inspector, and how to make accessibility part of your workflow.

Published in: Software
  • Be the first to comment

iOS Accessibility Testing Workshop

  1. 1. iOS Accessibility Workshop Global Accessibility Awareness Day 2017
  2. 2. WHAT IS ACCESSIBILITY?
  3. 3. ACCESSIBILITY IS ABOUT ENABLING PEOPLE BY REMOVING BARRIERS.
  4. 4. YOU CAN REMOVE BARRIERS BY SUPPORTING ACCESSIBILITY FEATURES.
  5. 5. ACCESSIBILITY AND DISABILITY?
  6. 6. https://www.microsoft.com/en-us/design/inclusive
  7. 7. WE NEED TO STOP MAKING ASSUMPTIONS
  8. 8. Users with Visual Impairments VoiceOver Users What we assume (Blind users)
  9. 9. Users with Visual Impairments VoiceOver Users For illustration purposes only, not necessarily accurate of the number of users. What’s more likely
  10. 10. Users with Visual Impairments VoiceOver Users Large Text Users For illustration purposes only, not necessarily accurate of the number of users.
  11. 11. Users with Visual Impairments VoiceOver Users Large Text Users Increase Contrast Users For illustration purposes only, not necessarily accurate of the number of users.
  12. 12. Users with Visual Impairments VoiceOver Users Large Text Users Increase Contrast Users Bold Text Users For illustration purposes only, not necessarily accurate of the number of users.
  13. 13. Users with Visual Impairments VoiceOver Users Large Text Users Increase Contrast Users Bold Text Users Darken Colours Users For illustration purposes only, not necessarily accurate of the number of users.
  14. 14. ACCESSIBILITY IS NOT JUST ABOUT PEOPLE WITH VISUAL IMPAIRMENTS.
  15. 15. THERE ARE SO MANY ACCESSIBILITY FEATURES!
  16. 16. VoiceOver Zoom Invert Colors Greyscale Color Filters Speak Screen Dynamic Type Bold Text Button Shapes Reduce Transparency Darken Colours Reduce White Point Reduce Motion On/Off Labels Switch Control AssistiveTouch Hold Duration Ignore Repeat Tap Assistance Dictation/Siri Flash for alerts Mono Audio Audio Volume Balance Hearing Aids Phone noise cancellation Subtitles & Captioning Audio Descriptions Haptic Feedback Guided Access Differentiate without colour Increase Contrast Display contrast Cursor Size Dwell Control Keyboard Access Light Sensitivity Focus Style ACCESSIBILITY FEATURES ON iOS/macOS/watchOS/tvOS
  17. 17. MOST ACCESSIBILITY FEATURES ARE HANDLED BY THE SYSTEM (NO ADDITIONAL WORK FOR YOU) 🎉 🎉 🎉 🎉 🎉
  18. 18. VoiceOver Zoom Invert Colors Greyscale Color Filters Speak Screen Dynamic Type Bold Text Button Shapes Reduce Transparency Darken Colours Reduce White Point Reduce Motion On/Off Labels Switch Control AssistiveTouch Hold Duration Ignore Repeat Tap Assistance Dictation/Siri Flash for alerts Mono Audio Audio Volume Balance Hearing Aids Phone noise cancellation Subtitles & Captioning Audio Descriptions Haptic Feedback Guided Access Differentiate without colour Increase Contrast Display contrast Cursor Size Dwell Control Keyboard Access Light Sensitivity Focus Style ACCESSIBILITY FEATURES ON iOS/macOS/watchOS/tvOS
  19. 19. VoiceOver Zoom Invert Colors Greyscale Color Filters Speak Screen Dynamic Type Bold Text Button Shapes Reduce Transparency Darken Colours Reduce White Point Reduce Motion On/Off Labels Switch Control AssistiveTouch Hold Duration Ignore Repeat Tap Assistance Dictation/Siri Flash for alerts Mono Audio Audio Volume Balance Hearing Aids Phone noise cancellation Subtitles & Captioning Audio Descriptions Haptic Feedback Guided Access Differentiate without colour Increase Contrast Display contrast Cursor Size Dwell Control Keyboard Access Light Sensitivity Focus Style ACCESSIBILITY FEATURES ON iOS/macOS/watchOS/tvOS
  20. 20. QUITE A FEW ACCESSIBILITY FEATURES ONLY APPLY TO SOME APPS.
  21. 21. VoiceOver Zoom Invert Colors Greyscale Color Filters Speak Screen Dynamic Type Bold Text Button Shapes Reduce Transparency Darken Colours Reduce White Point Reduce Motion On/Off Labels Switch Control AssistiveTouch Hold Duration Ignore Repeat Tap Assistance Dictation/Siri Flash for alerts Mono Audio Audio Volume Balance Hearing Aids Phone noise cancellation Subtitles & Captioning Audio Descriptions Haptic Feedback Guided Access Differentiate without colour Increase Contrast Display contrast Cursor Size Dwell Control Keyboard Access Light Sensitivity Focus Style ACCESSIBILITY FEATURES ON iOS/macOS/watchOS/tvOS
  22. 22. VoiceOver Zoom *Invert Colors* Greyscale Color Filters Speak Screen Dynamic Type Bold Text Button Shapes Reduce Transparency Darken Colours Reduce White Point Reduce Motion On/Off Labels Switch Control AssistiveTouch Hold Duration Ignore Repeat Tap Assistance Dictation/Siri Flash for alerts *Mono Audio* Audio Volume Balance Hearing Aids Phone noise cancellation *Subtitles & Captioning* *Audio Descriptions* *Haptic Feedback* *Guided Access* Differentiate without colour Increase Contrast Display contrast Cursor Size Dwell Control Keyboard Access Light Sensitivity Focus Style ACCESSIBILITY FEATURES ON iOS/macOS/watchOS/tvOS
  23. 23. A LOT CAN BE HANDLED IN THE DESIGN PHASE.
  24. 24. VoiceOver Zoom *Invert Colors* Greyscale Color Filters Speak Screen Dynamic Type Bold Text Button Shapes Reduce Transparency Darken Colours Reduce White Point Reduce Motion On/Off Labels Switch Control AssistiveTouch Hold Duration Ignore Repeat Tap Assistance Dictation/Siri Flash for alerts *Mono Audio* Audio Volume Balance Hearing Aids Phone noise cancellation *Subtitles & Captioning* *Audio Descriptions* *Haptic Feedback* *Guided Access* Differentiate without colour Increase Contrast Display contrast Cursor Size Dwell Control Keyboard Access Light Sensitivity Focus Style ACCESSIBILITY FEATURES ON iOS/macOS/watchOS/tvOS
  25. 25. VoiceOver Zoom *Invert Colors* *Greyscale* Color Filters Speak Screen Dynamic Type *Bold Text* Button Shapes *Reduce Transparency* *Darken Colours* Reduce White Point *Reduce Motion* On/Off Labels Switch Control AssistiveTouch Hold Duration Ignore Repeat Tap Assistance Dictation/Siri Flash for alerts *Mono Audio* Audio Volume Balance Hearing Aids Phone noise cancellation *Subtitles & Captioning* *Audio Descriptions* *Haptic Feedback* *Guided Access* *Differentiate without colour* *Increase Contrast* Display contrast Cursor Size Dwell Control Keyboard Access Light Sensitivity Focus Style ACCESSIBILITY FEATURES ON iOS/macOS/watchOS/tvOS
  26. 26. VoiceOver Zoom *Invert Colors* *Greyscale* Color Filters Speak Screen Dynamic Type *Bold Text* Button Shapes *Reduce Transparency* *Darken Colours* Reduce White Point *Reduce Motion* On/Off Labels Switch Control AssistiveTouch Hold Duration Ignore Repeat Tap Assistance Dictation/Siri Flash for alerts *Mono Audio* Audio Volume Balance Hearing Aids Phone noise cancellation *Subtitles & Captioning* *Audio Descriptions* *Haptic Feedback* *Guided Access* *Differentiate without colour* *Increase Contrast* Display contrast Cursor Size Dwell Control Keyboard Access Light Sensitivity Focus Style ACCESSIBILITY FEATURES ON iOS/macOS/watchOS/tvOS
  27. 27. RELATIONSHIP BETWEEN VOICEOVER AND SWITCH CONTROL
  28. 28. -ACCESSIBILITY API -ACCESSIBILITY ELEMENTS
  29. 29. VoiceOver Zoom *Invert Colors* *Greyscale* Color Filters Speak Screen Dynamic Type *Bold Text* Button Shapes *Reduce Transparency* *Darken Colours* Reduce White Point *Reduce Motion* On/Off Labels *Switch Control* AssistiveTouch Hold Duration Ignore Repeat Tap Assistance Dictation/Siri Flash for alerts *Mono Audio* Audio Volume Balance Hearing Aids Phone noise cancellation *Subtitles & Captioning* *Audio Descriptions* *Haptic Feedback* *Guided Access* *Differentiate without colour* *Increase Contrast* Display contrast Cursor Size Dwell Control Keyboard Access Light Sensitivity Focus Style ACCESSIBILITY FEATURES ON iOS/macOS/watchOS/tvOS
  30. 30. VoiceOver Zoom *Invert Colors* *Greyscale* Color Filters Speak Screen Dynamic Type *Bold Text* Button Shapes *Reduce Transparency* *Darken Colours* Reduce White Point *Reduce Motion* On/Off Labels *Switch Control* AssistiveTouch Hold Duration Ignore Repeat Tap Assistance Dictation/Siri Flash for alerts *Mono Audio* Audio Volume Balance Hearing Aids Phone noise cancellation *Subtitles & Captioning* *Audio Descriptions* *Haptic Feedback* *Guided Access* *Differentiate without colour* *Increase Contrast* Display contrast Cursor Size Dwell Control Keyboard Access Light Sensitivity Focus Style ACCESSIBILITY FEATURES ON iOS/macOS/watchOS/tvOS
  31. 31. ~300 MILLION VISUALLY IMPAIRED DYNAMIC TYPE IS SUPER IMPORTANT TO SUPPORT IN YOUR APPS!
  32. 32. WHAT IF WE CAN’T RELY ON OUR DESIGNS TO SUPPORT ACCESSIBILITY?
  33. 33. VoiceOver Zoom *Invert Colors* *Greyscale* Color Filters Speak Screen Dynamic Type *Bold Text* Button Shapes *Reduce Transparency* *Darken Colours* Reduce White Point *Reduce Motion* On/Off Labels *Switch Control* AssistiveTouch Hold Duration Ignore Repeat Tap Assistance Dictation/Siri Flash for alerts *Mono Audio* Audio Volume Balance Hearing Aids Phone noise cancellation *Subtitles & Captioning* *Audio Descriptions* *Haptic Feedback* *Guided Access* *Differentiate without colour* *Increase Contrast* Display contrast Cursor Size Dwell Control Keyboard Access Light Sensitivity Focus Style ACCESSIBILITY FEATURES ON iOS/macOS/watchOS/tvOS
  34. 34. DON’T WORRY ABOUT WHAT A USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
  35. 35. WHY DO WE TAKE PHOTOS?
  36. 36. DON’T WORRY ABOUT WHAT A USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
  37. 37. MANUAL TESTING & DEBUGGING
  38. 38. MANUAL TESTING ON HARDWARE
  39. 39. *DEMO*
  40. 40. -FOCUSABLE -LABELED -TRAITS -ACTIONABLE -STATE -CONTEXT VOICEOVER
  41. 41. MAKING THE MOST OF MANUAL TESTING
  42. 42. RATHER THAN TESTING EVERY ELEMENT ON THE SCREEN, TEST A FEATURE FROM START TO FINISH.
  43. 43. SIMPLIFY ELEMENTS: GROUP ITEMS & MAKE LARGER TAP TARGETS.
  44. 44. NOTHING IS BETTER THAN MANUAL TESTING.
  45. 45. MANUAL TESTING GOOD ✅ COMPREHENSIVE BAD 🕰 SLOW
  46. 46. SPEEDING UP MANUAL TESTING
  47. 47. KNOW YOUR VOICEOVER GESTURES!
  48. 48. http://bit.ly/2nGZLgx Focus an element Tap Activate the focused element Double-tap Double-tap an item Triple-tap Move focus to the next or previous item Swipe right or left Adjust a Slider value Swipe up or down Move through custom actions Swipe up or down Read all the elements in order, from the top of the screen Two-finger swipe up Read all the elements in order, from currently focused element Two-finger swipe down Stop/resume speaking Two-finger tap Go back to the previous view or dismiss an alert Two-finger scrub, quickly making a “z” Scroll by a page in a table view or scroll view Three-finger swipe up or down Scroll continuously in a table view or scroll view Double-tap and hold until you hear three rising tones, then drag up or down Go to the next or previous page Three-finger swipe right or left Speak additional information about the element, such as position within a list or whether text is selected Three-finger tap Focus on the first element on the screen Four-finger tap at top of screen Focus on the last element on the screen Four-finger tap at bottom of screen Mute or unmute VoiceOver Three-finger double-tap
  49. 49. 2-FINGER SWIPE UP READ CONTENTS OF SCREEN IN ORDER FROM THE TOP
  50. 50. COMBINE DISPLAY ACCOMMODATION SETTINGS. Greyscale Dynamic Type Bold Text Reduce Transparency Reduce Motion Differentiate without colour (macOS) Increase Contrast (macOS)
  51. 51. ACCESSIBILITY SHORTCUT! (AT THE BOTTOM OF THE LIST IN ACCESSIBILITY) SETTINGS -> GENERAL -> ACCESSIBILITY -> ACCESSIBILITY SHORTCUT
  52. 52. SUPPORT.APPLE.COM/ACCESSIBILITY
  53. 53. ACCESSIBILITY INSPECTOR *NEW IN XCODE 8*
  54. 54. -ACCESSIBILITY ELEMENT INSPECTION -AUDIT -SETTINGS ACCESSIBILITY INSPECTOR
  55. 55. WORKS WITH HARDWARE OR THE SIMULATOR
  56. 56. CONTROL SETTINGS ON HARDWARE
  57. 57. “SPY” ON OTHER APPS
  58. 58. MAKE ACCESSIBILITY PART OF YOUR WORKFLOW
  59. 59. A LOT OF ACCESSIBILITY WORK CAN BE DONE IN THE DESIGN PHASE.
  60. 60. ACCESSIBILITY IS NOT A FEATURE, EVERY FEATURE SHOULD BE ACCESSIBLE.
  61. 61. IF IT’S NOT ACCESSIBLE, IT’S NOT DONE.
  62. 62. MAKE TESTING FOR ACCESSIBILITY PART OF YOUR TEST PLAN.
  63. 63. GET REAL USERS INVOLVED!
  64. 64. GET BETA TESTERS WHO USE A VARIETY OF ASSISTIVE TECHNOLOGIES.
  65. 65. APPLEVIS.COM @APPLEVIS
  66. 66. THINGS TO REMEMBER
  67. 67. KNOW YOUR VOICEOVER GESTURES!
  68. 68. DON’T LET THE SIZE OF WORK DISCOURAGE YOU FROM STARTING IT.
  69. 69. REDUCING COSTS •Move most Accessibility work to design phase •Focus on testing the right things •Work incrementally •Prioritise most important features
  70. 70. DON’T WORRY ABOUT WHAT A USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.

×