Download as PDF, PPTX
Uploaded bySally Shepard
Debugging Accessibility @ Craft Conf
The document introduces accessibility in app design, emphasizing the importance of removing barriers for users with disabilities through various accessibility features across iOS and macOS. It discusses manual debugging techniques, the role of testing with real users, and the necessity of incorporating accessibility in the design phase. The document advocates for understanding and implementing accessibility principles as an integral part of the development process, ensuring that applications cater to diverse user needs.
More Related Content
Similar to Debugging Accessibility @ Craft Conf
Debugging Accessibility @ Craft Conf
- 1.
- 2. -QUICK INTRO TOACCESSIBILITY -MANUAL DEBUGGING -ACCESSIBILITY INSPECTOR -UI TESTING -ACCESSIBILITY & WORKFLOW
- 3.
- 4. THE RELATIONSHIP BETWEEN ACCESSIBILITY& DISABILITY
- 5. “Disability is…a complexphenomenon, 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. PEOPLE HAVE IMPAIRMENTS, IMPAIRMENTSAREN’T THE SAME AS A DISABILITY.
- 7. DISABILITY ONLY EXISTS IFTHERE IS NO WAY FOR A PERSON TO BE INCLUDED.
- 8.
- 9.
- 10.
- 11. ACCESSIBILITY IS ABOUT ENABLINGPEOPLE BY REMOVING BARRIERS.
- 12. IF YOUR APPISN’T ACCESSIBLE, YOU ARE CREATING BARRIERS, YOU’RE MAKING A USERS IMPAIRMENT A DISABILITY.
- 13. YOU CAN REMOVEBARRIERS BY SUPPORTING ACCESSIBILITY FEATURES.
- 14. ACCESSIBILITY IS NOT JUSTVOICEOVER.
- 15.
- 16. THERE ARE SOMANY ACCESSIBILITY FEATURES!
- 17. VoiceOver Zoom Invert Colors Greyscale Color Filters SpeakScreen 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
- 18. MOST ACCESSIBILITY FEATURES AREHANDLED BY THE SYSTEM (NO ADDITIONAL WORK FOR YOU) 🎉 🎉 🎉 🎉 🎉
- 19. VoiceOver Zoom Invert Colors Greyscale Color Filters SpeakScreen 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. VoiceOver Zoom Invert Colors Greyscale Color Filters SpeakScreen 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
- 21. QUITE A FEW ACCESSIBILITYFEATURES ONLY APPLY TO SOME APPS.
- 22. VoiceOver Zoom Invert Colors Greyscale Color Filters SpeakScreen 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. VoiceOver Zoom *Invert Colors* Greyscale Color Filters SpeakScreen 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
- 24. A LOT CANBE HANDLED IN THE DESIGN PHASE.
- 25. VoiceOver Zoom *Invert Colors* Greyscale Color Filters SpeakScreen 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. VoiceOver Zoom *Invert Colors* *Greyscale* Color Filters SpeakScreen 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. VoiceOver Zoom *Invert Colors* *Greyscale* Color Filters SpeakScreen 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
- 28. RELATIONSHIP BETWEEN VOICEOVER ANDSWITCH CONTROL
- 29.
- 30. VoiceOver Zoom *Invert Colors* *Greyscale* Color Filters SpeakScreen 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. VoiceOver Zoom *Invert Colors* *Greyscale* Color Filters SpeakScreen 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
- 32. ~300 MILLION VISUALLYIMPAIRED DYNAMIC TYPE IS SUPER IMPORTANT TO SUPPORT IN YOUR APPS!
- 33. WHAT IF WECAN’T RELY ON OUR DESIGNS TO SUPPORT ACCESSIBILITY?
- 34. VoiceOver Zoom *Invert Colors* *Greyscale* Color Filters SpeakScreen 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
- 35. DON’T WORRY ABOUT WHATA USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
- 36. WHY DO WETAKE PHOTOS?
- 37. DON’T WORRY ABOUT WHATA USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
- 38.
- 39.
- 40.
- 41.
- 42. MANUAL TESTING INXCODE -LOG OUT ACCESSIBILITY INFO -DEBUG VIEW HIERARCHY
- 43. MAKING THE MOSTOF MANUAL TESTING
- 44. RATHER THAN TESTINGEVERY ELEMENT ON THE SCREEN, TEST A FEATURE FROM START TO FINISH.
- 45. SIMPLIFY ELEMENTS: GROUP ITEMS& MAKE LARGER TAP TARGETS.
- 46. NOTHING IS BETTER THANMANUAL TESTING.
- 47.
- 48.
- 49.
- 50. http://bit.ly/2nGZLgx Focus an elementTap 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
- 51. 2-FINGER SWIPE UP READ CONTENTSOF SCREEN IN ORDER FROM THE TOP
- 52. COMBINE DISPLAY ACCOMMODATION SETTINGS. Greyscale DynamicType Bold Text Reduce Transparency Reduce Motion Differentiate without colour (macOS) Increase Contrast (macOS)
- 53. ACCESSIBILITY SHORTCUT! (AT THEBOTTOM OF THE LIST IN ACCESSIBILITY) SETTINGS -> GENERAL -> ACCESSIBILITY -> ACCESSIBILITY SHORTCUT
- 54.
- 55. TESTING & DEBUGGINGWITH THE ACCESSIBILITY INSPECTOR
- 56.
- 59.
- 60. WORKS WITH HARDWARE ORTHE SIMULATOR
- 61.
- 62. “SPY” ON OTHERAPPS
- 63.
- 64. TESTING & DEBUGGINGWITH UI TESTING
- 65. UI TESTING INXCODE RELIES ON ACCESSIBILITY ELEMENTS.
- 66. IF YOUR APPIS NOT UI TESTABLE, IT’S BECAUSE IT HAS POOR ACCESSIBILITY DATA.
- 67. UI TESTABLE ==ACCESSIBLE?
- 68. UI TESTING DOESN’T GUARANTEEACCESSIBILITY.
- 69. UI TESTING CANBE HELPFUL FOR SUPPORTING VOICEOVER (AND SWITCH CONTROL TO AN EXTENT)
- 70. BUT ACCESSIBILITY IS NOTJUST VOICEOVER.
- 71.
- 72. MAKE ACCESSIBILITY PART OFYOUR WORKFLOW
- 73. A LOT OFACCESSIBILITY WORK CAN BE DONE IN THE DESIGN PHASE.
- 74. ACCESSIBILITY IS NOTA FEATURE, EVERY FEATURE SHOULD BE ACCESSIBLE.
- 75. IF IT’S NOTACCESSIBLE, IT’S NOT DONE.
- 76. MAKE TESTING FOR ACCESSIBILITYPART OF YOUR TEST PLAN.
- 77.
- 78. GET BETA TESTERSWHO USE A VARIETY OF ASSISTIVE TECHNOLOGIES.
- 79.
- 81.
- 82.
- 83. DON’T LET THESIZE OF WORK DISCOURAGE YOU FROM STARTING IT.
- 84. REDUCING COSTS •Move mostAccessibility work to design phase •Focus on testing the right things •Work incrementally •Prioritise most important features
- 85. IF IT’S NOTACCESSIBLE, IT’S NOT DONE.
- 86. DON’T WORRY ABOUT WHATA USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
- 87.
- 88.