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.

Debugging Accessibility

90 views

Published on

Debugging Accessibility - The talk covers: Crash course on accessibility, how to debug accessibility in native apps, know what to test, how to test it, how to use the accessibility inspector and what role UI testing plays in accessibility.
This talk was presented at iOSCon on 31st of March 2017.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Debugging Accessibility

  1. 1. DEBUGGING ACCESSIBILITY SALLY SHEPARD @MOSTGOOD
  2. 2. CRASH COURSE ON ACCESSIBILITY
  3. 3. WHAT IS ACCESSIBILITY?
  4. 4. the quality of being easily reached, entered or used by people who have a disability?
  5. 5. “Disability is…a complex phenomenon, reflecting the interaction between features of a person’s body and features of the society in which he or she lives.” -World Health Organisation, definition of disability
  6. 6. “Disability never holds anyone back, disability is not something that people need to overcome. The barriers that exist are created by society.” -Haben Girma, WWDC 2016: Disability and Innovation: The Universal Benefits of Accessible Design
  7. 7. PEOPLE HAVE IMPAIRMENTS, NOT DISABILITIES.
  8. 8. DISABILITY ONLY EXISTS IF THERE IS NO WAY FOR A PERSON TO BE INCLUDED.
  9. 9. ACCESSIBILITY IS ABOUT ENABLING PEOPLE.
  10. 10.
  11. 11. 😀
  12. 12.
  13. 13. 😀
  14. 14.
  15. 15. 😀?
  16. 16. IF YOUR APP ISN’T ACCESSIBLE, YOU ARE CREATING BARRIERS FOR USERS, YOU’RE MAKING THEIR IMPAIRMENT A DISABILITY.
  17. 17. ACCESSIBILITY IS ABOUT ENABLING PEOPLE BY REMOVING BARRIERS.
  18. 18. WHO USES ACCESSIBILITY?
  19. 19. https://www.microsoft.com/en-us/design/inclusive
  20. 20. Users with Visual Impairments VoiceOver Users What we assume (Blind users)
  21. 21. Users with Visual Impairments VoiceOver Users For illustration purposes only, not necessarily accurate of the number of users. What’s more likely
  22. 22. Users with Visual Impairments VoiceOver Users Large Text Users For illustration purposes only, not necessarily accurate of the number of users.
  23. 23. Users with Visual Impairments VoiceOver Users Large Text Users Increase Contrast Users For illustration purposes only, not necessarily accurate of the number of users.
  24. 24. 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.
  25. 25. 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.
  26. 26. ACCESSIBILITY IS NOT JUST VOICEOVER.
  27. 27. DON’T WORRY ABOUT WHAT A USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
  28. 28. WHY DO WE TAKE PHOTOS?
  29. 29. DON’T WORRY ABOUT WHAT A USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
  30. 30. DEBUGGING ACCESSIBILITY 1) KNOWING SOMETHING IS BROKEN 2) FINDING OUT HOW IT’S BROKEN 3) FIX AND RE-TEST
  31. 31. 1) KNOWING SOMETHING IS BROKEN
  32. 32. WHAT NEEDS TO BE TESTED?
  33. 33. THERE ARE SO MANY ACCESSIBILITY SETTINGS! 😱
  34. 34. VoiceOver Zoom Invert Colors Greyscale Color Filters Speak Selection/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 Subtitle & Captioning Audio Descriptions Haptic Feedback Guided Access iOS
  35. 35. VoiceOver Dynamic Type Bold Text Reduce Transparency Reduce Motion Switch Control Greyscale Invert Colors Subtitle & Captioning Audio Descriptions iOS
  36. 36. VoiceOver Zoom Invert Colors Greyscale Differentiate without colour Increase Contrast Reduce Transparency Reduce Motion Display contrast Cursor Size Switch Control Dictation/Siri Dwell Control Keyboard Access Flash for alerts Mono Audio Subtitles and Captioning Audio Descriptions macOS
  37. 37. VoiceOver Increase Contrast Reduce Transparency Reduce Motion Switch Control Differentiate without colour Dictation/Siri Mono Audio Subtitles and Captioning Audio Descriptions macOS
  38. 38. VoiceOver Zoom Greyscale Dynamic Type Bold Text Reduce Transparency Reduce Motion On/Off Labels Dictation/Siri Mono Audio Haptic Feedback watchOS
  39. 39. VoiceOver Dynamic Type Bold Text Reduce Transparency Reduce Motion Greyscale Mono Audio Haptic Feedback watchOS
  40. 40. VoiceOver Zoom Invert Colours Colour Filters Light Sensitivity Reduce White Point Bold Text Reduce Transparency Focus Style Reduce Motion Switch Control Dictation/Siri Subtitle & Captioning Audio Descriptions tvOS
  41. 41. VoiceOver Bold Text Reduce Transparency Reduce Motion Switch Control Greyscale* Subtitle & Captioning Audio Descriptions tvOS
  42. 42. BROKEN VS. WORKING
  43. 43. VOICEOVER
  44. 44. developer.apple.com/ios/human-interface-guidelines
  45. 45. From the Accessibility Programming Guide for iOS on developer.apple.com
  46. 46. -FOCUSABLE -LABELED -TRAITS -ACTIONABLE -STATE -CONTEXT
  47. 47. LARGE TEXT
  48. 48. BOLD TEXT
  49. 49. REDUCE TRANSPARENCY
  50. 50. developer.apple.com/ios/human-interface-guidelines
  51. 51. REDUCE MOTION
  52. 52. GREYSCALE
  53. 53. SWITCH CONTROL
  54. 54. -FOCUSABLE -ACTIONABLE -HIERARCHY -GROUPED
  55. 55. 2) FINDING OUT HOW IT’S BROKEN
  56. 56. WHO CAN TEST?
  57. 57. DEVELOPERS DESIGNERS PRODUCT PEOPLE QA/TESTERS …EVERYONE!
  58. 58. MANUAL TESTING (ON A DEVICE)
  59. 59. NOTHING IS BETTER THAN MANUAL TESTING.
  60. 60. CAN SPEED UP MANUAL TESTING?
  61. 61. KNOW YOUR GESTURES!
  62. 62. 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
  63. 63. 2-FINGER SWIPE UP READ CONTENTS OF SCREEN IN ORDER FROM THE TOP
  64. 64. COMBINE SETTINGS.
  65. 65. SUPPORT.APPLE.COM/ACCESSIBILITY
  66. 66. ACCESSIBILITY INSPECTOR
  67. 67. NEW IN XCODE 8
  68. 68. -ACCESSIBILITY ELEMENT INSPECTION -AUDIT -SETTINGS ACCESSIBILITY INSPECTOR
  69. 69. HARDWARE OR SIMULATOR
  70. 70. CONTROL SETTINGS ON HARDWARE
  71. 71. “SPY” ON OTHER APPS
  72. 72. DEMO 🤞
  73. 73. AUTOMATED TESTING
  74. 74. UI TESTING USES ACCESSIBILITY INFORMATION
  75. 75. APP NOT UI-TESTABLE BECAUSE: -NOT ACCESSIBLE -POOR ACCESSIBILITY DATA
  76. 76. UI-TESTABLE = ACCESSIBLE?
  77. 77. DOESN’T GUARANTEE ACCESSIBILITY.
  78. 78. VOICEOVER & SWITCH CONTROL
  79. 79. DOESN’T HELP WITH ALL THE OTHER THINGS…
  80. 80. 3) FIX IT & RE-TEST
  81. 81. GET REAL USERS INVOLVED!
  82. 82. GET BETA TESTERS WHO USE A VARIETY OF ASSISTIVE TECHNOLOGY.
  83. 83. APPLEVIS.COM @APPLEVIS
  84. 84. DON’T WORRY ABOUT WHAT A USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
  85. 85. THANK YOU! @MOSTGOOD
  86. 86. QUESTIONS? @MOSTGOOD
  87. 87. DEBUGGING SUGGESTIONS? @MOSTGOOD

×