Debugging Accessibility @ Craft Conf
-
Upload
sally-shepard -
Category
Software
-
view
126 -
download
0
Transcript of Debugging Accessibility @ Craft Conf
![Page 1: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/1.jpg)
DEBUGGING ACCESSIBILITY
SALLY SHEPARD @MOSTGOOD
![Page 2: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/2.jpg)
-QUICK INTRO TO ACCESSIBILITY -MANUAL DEBUGGING -ACCESSIBILITY INSPECTOR -UI TESTING -ACCESSIBILITY & WORKFLOW
![Page 3: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/3.jpg)
QUICK INTRO TO ACCESSIBILITY
![Page 4: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/4.jpg)
THE RELATIONSHIP BETWEEN ACCESSIBILITY & DISABILITY
![Page 5: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/5.jpg)
“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
![Page 6: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/6.jpg)
PEOPLE HAVE IMPAIRMENTS, IMPAIRMENTS AREN’T THE
SAME AS A DISABILITY.
![Page 7: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/7.jpg)
DISABILITY ONLY EXISTS IF THERE IS NO WAY FOR A PERSON TO BE
INCLUDED.
![Page 8: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/8.jpg)
☹
![Page 9: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/9.jpg)
😀
![Page 10: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/10.jpg)
ACCESSIBILITY IS ABOUT ENABLING PEOPLE.
![Page 11: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/11.jpg)
ACCESSIBILITY IS ABOUT ENABLING PEOPLE
BY REMOVING BARRIERS.
![Page 12: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/12.jpg)
IF YOUR APP ISN’T ACCESSIBLE, YOU ARE CREATING BARRIERS,
YOU’RE MAKING A USERS IMPAIRMENT A DISABILITY.
![Page 13: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/13.jpg)
YOU CAN REMOVE BARRIERS BY SUPPORTING ACCESSIBILITY
FEATURES.
![Page 14: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/14.jpg)
ACCESSIBILITY IS NOT JUST VOICEOVER.
![Page 15: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/15.jpg)
https://www.microsoft.com/en-us/design/inclusive
![Page 16: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/16.jpg)
THERE ARE SO MANY ACCESSIBILITY FEATURES!
![Page 17: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/17.jpg)
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
![Page 18: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/18.jpg)
MOST ACCESSIBILITY FEATURES ARE HANDLED BY THE SYSTEM
(NO ADDITIONAL WORK FOR YOU) 🎉 🎉 🎉 🎉 🎉
![Page 19: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/19.jpg)
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
![Page 20: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/20.jpg)
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
![Page 21: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/21.jpg)
QUITE A FEW ACCESSIBILITY FEATURES
ONLY APPLY TO SOME APPS.
![Page 22: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/22.jpg)
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
![Page 23: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/23.jpg)
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
![Page 24: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/24.jpg)
A LOT CAN BE HANDLED IN THE DESIGN PHASE.
![Page 25: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/25.jpg)
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
![Page 26: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/26.jpg)
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
![Page 27: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/27.jpg)
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
![Page 28: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/28.jpg)
RELATIONSHIP BETWEEN VOICEOVER AND SWITCH CONTROL
![Page 29: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/29.jpg)
-ACCESSIBILITY API -ACCESSIBILITY ELEMENTS
![Page 30: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/30.jpg)
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
![Page 31: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/31.jpg)
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
![Page 32: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/32.jpg)
~300 MILLION VISUALLY IMPAIRED
DYNAMIC TYPE IS SUPER IMPORTANT TO SUPPORT IN YOUR APPS!
![Page 33: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/33.jpg)
WHAT IF WE CAN’T RELY ON OUR DESIGNS TO SUPPORT
ACCESSIBILITY?
![Page 34: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/34.jpg)
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
![Page 35: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/35.jpg)
DON’T WORRY ABOUT WHAT A USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
![Page 36: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/36.jpg)
WHY DO WE TAKE PHOTOS?
![Page 37: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/37.jpg)
DON’T WORRY ABOUT WHAT A USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
![Page 38: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/38.jpg)
MANUAL TESTING & DEBUGGING
![Page 39: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/39.jpg)
MANUAL TESTING ON HARDWARE
![Page 40: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/40.jpg)
*DEMO*
![Page 41: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/41.jpg)
-FOCUSABLE -LABELED -TRAITS
-ACTIONABLE -STATE -CONTEXT
VOICEOVER
![Page 42: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/42.jpg)
MANUAL TESTING IN XCODE-LOG OUT ACCESSIBILITY INFO -DEBUG VIEW HIERARCHY
![Page 43: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/43.jpg)
MAKING THE MOST OF MANUAL TESTING
![Page 44: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/44.jpg)
RATHER THAN TESTING EVERY ELEMENT ON THE SCREEN,
TEST A FEATURE FROM START TO FINISH.
![Page 45: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/45.jpg)
SIMPLIFY ELEMENTS: GROUP ITEMS & MAKE LARGER TAP
TARGETS.
![Page 46: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/46.jpg)
NOTHING IS BETTER THAN MANUAL TESTING.
![Page 47: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/47.jpg)
MANUAL TESTINGGOOD
✅ COMPREHENSIVEBAD 🕰 SLOW
![Page 48: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/48.jpg)
SPEEDING UP MANUAL TESTING
![Page 49: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/49.jpg)
KNOW YOUR VOICEOVER GESTURES!
![Page 50: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/50.jpg)
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
Magic Tap Two-finger double-tap
Turn Screen Curtain on or off Three-finger triple-tap
Open the Item Chooser Two-finger triple-tap
Change the elements label Two-finger double-tap and hold
Use a standard gesture Double-tap and hold your finger on the screen until you hear three rising tones, then make the gesture. When you lift your finger, VoiceOver gestures resume. For example, to drag a volume slider with your finger instead of swiping up and down, select the slider, double-tap and hold, wait for the three tones, then slide left or right.
Open Notification Center Select any item in the status bar, then swipe down with three fingers
Open Control Center Select any item in the status bar, then swipe up with three fingers
Dismiss Control Center Two-finger scrub, quickly making a “z”
Switch between apps Double-click the Home button to display open apps, swipe left or right with one finger to select an app, then double-tap to switch to it.
Rearrange your Home screen Select an icon on the Home screen, double-tap and hold, then drag. Lift your finger when the icon is in its new location. Drag an icon to the edge of the screen to move it to another Home screen. You can continue to select and move items until you press the Home button.
![Page 51: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/51.jpg)
2-FINGER SWIPE UP
READ CONTENTS OF SCREEN IN ORDER
FROM THE TOP
![Page 52: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/52.jpg)
COMBINE DISPLAY ACCOMMODATION SETTINGS.Greyscale Dynamic Type Bold Text Reduce Transparency Reduce Motion
Differentiate without colour (macOS) Increase Contrast (macOS)
![Page 53: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/53.jpg)
ACCESSIBILITY SHORTCUT!
(AT THE BOTTOM OF THE LIST IN ACCESSIBILITY)
SETTINGS -> GENERAL -> ACCESSIBILITY -> ACCESSIBILITY SHORTCUT
![Page 55: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/55.jpg)
TESTING & DEBUGGING WITH THE ACCESSIBILITY INSPECTOR
![Page 56: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/56.jpg)
ACCESSIBILITY INSPECTOR
*NEW IN XCODE 8*
![Page 57: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/57.jpg)
![Page 58: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/58.jpg)
![Page 59: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/59.jpg)
-ACCESSIBILITY ELEMENT INSPECTION -AUDIT -SETTINGS
ACCESSIBILITY INSPECTOR
![Page 60: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/60.jpg)
WORKS WITH HARDWARE OR THE SIMULATOR
![Page 61: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/61.jpg)
CONTROL SETTINGS ON HARDWARE
![Page 62: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/62.jpg)
“SPY” ON OTHER APPS
![Page 63: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/63.jpg)
*DEMO*
![Page 64: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/64.jpg)
TESTING & DEBUGGING WITH UI TESTING
![Page 65: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/65.jpg)
UI TESTING IN XCODE RELIES ON ACCESSIBILITY ELEMENTS.
![Page 66: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/66.jpg)
IF YOUR APP IS NOT UI TESTABLE, IT’S BECAUSE IT HAS POOR
ACCESSIBILITY DATA.
![Page 67: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/67.jpg)
UI TESTABLE == ACCESSIBLE?
![Page 68: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/68.jpg)
UI TESTING DOESN’T GUARANTEE ACCESSIBILITY.
![Page 69: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/69.jpg)
UI TESTING CAN BE HELPFUL FOR SUPPORTING VOICEOVER (AND SWITCH CONTROL TO AN EXTENT)
![Page 70: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/70.jpg)
BUT ACCESSIBILITY IS NOT JUST VOICEOVER.
![Page 71: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/71.jpg)
*DEMO*
![Page 72: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/72.jpg)
MAKE ACCESSIBILITY PART OF YOUR WORKFLOW
![Page 73: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/73.jpg)
A LOT OF ACCESSIBILITY WORK CAN BE DONE IN THE
DESIGN PHASE.
![Page 74: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/74.jpg)
ACCESSIBILITY IS NOT A FEATURE, EVERY FEATURE SHOULD BE
ACCESSIBLE.
![Page 75: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/75.jpg)
IF IT’S NOT ACCESSIBLE, IT’S NOT DONE.
![Page 76: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/76.jpg)
MAKE TESTING FOR ACCESSIBILITY PART OF
YOUR TEST PLAN.
![Page 77: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/77.jpg)
GET REAL USERS INVOLVED!
![Page 78: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/78.jpg)
GET BETA TESTERS WHO USE A VARIETY OF
ASSISTIVE TECHNOLOGIES.
![Page 80: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/80.jpg)
![Page 81: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/81.jpg)
THINGS TO REMEMBER
![Page 82: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/82.jpg)
KNOW YOUR VOICEOVER GESTURES!
![Page 83: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/83.jpg)
DON’T LET THE SIZE OF WORK DISCOURAGE YOU FROM STARTING IT.
![Page 84: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/84.jpg)
REDUCING COSTS•Move most Accessibility work to design phase •Focus on testing the right things •Work incrementally •Prioritise most important features
![Page 85: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/85.jpg)
IF IT’S NOT ACCESSIBLE, IT’S NOT DONE.
![Page 86: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/86.jpg)
DON’T WORRY ABOUT WHAT A USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
![Page 87: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/87.jpg)
THANK YOU!@MOSTGOOD
![Page 88: Debugging Accessibility @ Craft Conf](https://reader031.fdocuments.us/reader031/viewer/2022030318/5a6491ca7f8b9a94568b4c4b/html5/thumbnails/88.jpg)
QUESTIONS?@MOSTGOOD