More Related Content Similar to Debugging Accessibility @ Craft Conf (20) More from Sally Shepard (13) Debugging Accessibility @ Craft Conf2. -QUICK INTRO TO ACCESSIBILITY
-MANUAL DEBUGGING
-ACCESSIBILITY INSPECTOR
-UI TESTING
-ACCESSIBILITY & WORKFLOW
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
12. IF YOUR APP ISN’T ACCESSIBLE,
YOU ARE CREATING BARRIERS,
YOU’RE MAKING A USERS
IMPAIRMENT A DISABILITY.
17. 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. 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. 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. 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. 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
24. A LOT CAN BE HANDLED
IN THE DESIGN PHASE.
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. 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. 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. 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. 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
33. WHAT IF WE CAN’T RELY ON
OUR DESIGNS TO SUPPORT
ACCESSIBILITY?
34. 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
50. 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
66. IF YOUR APP IS NOT UI TESTABLE,
IT’S BECAUSE IT HAS POOR
ACCESSIBILITY DATA.
69. UI TESTING CAN BE HELPFUL
FOR SUPPORTING VOICEOVER
(AND SWITCH CONTROL TO AN EXTENT)
73. A LOT OF ACCESSIBILITY
WORK CAN BE DONE IN THE
DESIGN PHASE.
84. REDUCING COSTS
•Move most Accessibility work to design phase
•Focus on testing the right things
•Work incrementally
•Prioritise most important features