際際滷

際際滷Share a Scribd company logo
iOS Accessibility
Workshop
Global Accessibility
Awareness Day 2017
WHAT IS
ACCESSIBILITY?
ACCESSIBILITY IS ABOUT
ENABLING PEOPLE
BY REMOVING BARRIERS.
YOU CAN REMOVE BARRIERS BY
SUPPORTING ACCESSIBILITY
FEATURES.
ACCESSIBILITY
AND DISABILITY?
https://www.microsoft.com/en-us/design/inclusive
WE NEED TO STOP
MAKING ASSUMPTIONS
Users with Visual
Impairments
VoiceOver
Users
What we assume
(Blind users)
Users with Visual
Impairments
VoiceOver
Users
For illustration purposes only, not necessarily accurate of the number of users.
Whats more likely
Users with Visual
Impairments
VoiceOver
Users
Large Text Users
For illustration purposes only, not necessarily accurate of the number of users.
Users with Visual
Impairments
VoiceOver
Users
Large Text Users
Increase
Contrast Users
For illustration purposes only, not necessarily accurate of the number of users.
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.
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.
ACCESSIBILITY IS NOT
JUST ABOUT PEOPLE WITH
VISUAL IMPAIRMENTS.
iOS Accessibility Testing Workshop
THERE ARE SO MANY
ACCESSIBILITY FEATURES!
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
MOST ACCESSIBILITY FEATURES
ARE HANDLED BY THE SYSTEM
(NO ADDITIONAL WORK FOR YOU)
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
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
QUITE A FEW
ACCESSIBILITY FEATURES
ONLY APPLY TO SOME APPS.
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
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
A LOT CAN BE HANDLED
IN THE DESIGN PHASE.
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
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
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
RELATIONSHIP BETWEEN
VOICEOVER AND SWITCH CONTROL
-ACCESSIBILITY API
-ACCESSIBILITY ELEMENTS
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
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
~300 MILLION VISUALLY IMPAIRED
DYNAMIC TYPE IS SUPER IMPORTANT
TO SUPPORT IN YOUR APPS!
WHAT IF WE CANT RELY ON
OUR DESIGNS TO SUPPORT
ACCESSIBILITY?
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
DONT WORRY ABOUT
WHAT A USER CANT DO.
FOCUS ON WHAT THE
TECHNOLOGY CAN DO.
WHY DO WE TAKE
PHOTOS?
DONT WORRY ABOUT
WHAT A USER CANT DO.
FOCUS ON WHAT THE
TECHNOLOGY CAN DO.
MANUAL TESTING &
DEBUGGING
MANUAL TESTING
ON HARDWARE
*DEMO*
-FOCUSABLE
-LABELED
-TRAITS
-ACTIONABLE
-STATE
-CONTEXT
VOICEOVER
MAKING THE MOST OF
MANUAL TESTING
RATHER THAN TESTING EVERY
ELEMENT ON THE SCREEN,
TEST A FEATURE FROM START
TO FINISH.
SIMPLIFY ELEMENTS:
GROUP ITEMS & MAKE LARGER TAP
TARGETS.
NOTHING IS BETTER
THAN MANUAL TESTING.
MANUAL TESTING
GOOD
 COMPREHENSIVE
BAD
 SLOW
SPEEDING UP MANUAL
TESTING
KNOW YOUR
VOICEOVER GESTURES!
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 際際滷r 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-鍖nger swipe up
Read all the elements in order, from currently focused
element
Two-鍖nger swipe down
Stop/resume speaking Two-鍖nger tap
Go back to the previous view or dismiss an alert Two-鍖nger scrub, quickly making a z
Scroll by a page in a table view or scroll view Three-鍖nger 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-鍖nger swipe right or left
Speak additional information about the element, such as
position within a list or whether text is selected
Three-鍖nger tap
Focus on the 鍖rst element on the screen Four-鍖nger tap at top of screen
Focus on the last element on the screen Four-鍖nger tap at bottom of screen
Mute or unmute VoiceOver Three-鍖nger double-tap
2-FINGER
SWIPE UP
READ CONTENTS OF
SCREEN IN ORDER
FROM THE TOP
COMBINE DISPLAY
ACCOMMODATION SETTINGS.
Greyscale
Dynamic Type
Bold Text
Reduce Transparency
Reduce Motion
Differentiate without colour (macOS)
Increase Contrast (macOS)
ACCESSIBILITY SHORTCUT!
(AT THE BOTTOM OF THE LIST IN ACCESSIBILITY)
SETTINGS -> GENERAL -> ACCESSIBILITY
-> ACCESSIBILITY SHORTCUT
SUPPORT.APPLE.COM/ACCESSIBILITY
ACCESSIBILITY
INSPECTOR
*NEW IN XCODE 8*
iOS Accessibility Testing Workshop
iOS Accessibility Testing Workshop
-ACCESSIBILITY ELEMENT INSPECTION
-AUDIT
-SETTINGS
ACCESSIBILITY INSPECTOR
WORKS WITH HARDWARE
OR THE SIMULATOR
CONTROL SETTINGS ON
HARDWARE
SPY ON OTHER APPS
MAKE ACCESSIBILITY
PART OF YOUR
WORKFLOW
A LOT OF ACCESSIBILITY
WORK CAN BE DONE IN THE
DESIGN PHASE.
ACCESSIBILITY IS NOT A FEATURE,
EVERY FEATURE SHOULD BE
ACCESSIBLE.
IF ITS NOT ACCESSIBLE,
ITS NOT DONE.
MAKE TESTING FOR
ACCESSIBILITY PART OF
YOUR TEST PLAN.
GET REAL USERS
INVOLVED!
GET BETA TESTERS WHO
USE A VARIETY OF
ASSISTIVE TECHNOLOGIES.
APPLEVIS.COM
@APPLEVIS
iOS Accessibility Testing Workshop
THINGS TO
REMEMBER
KNOW YOUR
VOICEOVER GESTURES!
DONT LET THE SIZE OF
WORK DISCOURAGE
YOU FROM STARTING IT.
REDUCING COSTS
Move most Accessibility work to design phase
Focus on testing the right things
Work incrementally
Prioritise most important features
DONT WORRY ABOUT
WHAT A USER CANT DO.
FOCUS ON WHAT THE
TECHNOLOGY CAN DO.

More Related Content

iOS Accessibility Testing Workshop

  • 3. ACCESSIBILITY IS ABOUT ENABLING PEOPLE BY REMOVING BARRIERS.
  • 4. YOU CAN REMOVE BARRIERS BY SUPPORTING ACCESSIBILITY FEATURES.
  • 7. WE NEED TO STOP MAKING ASSUMPTIONS
  • 9. Users with Visual Impairments VoiceOver Users For illustration purposes only, not necessarily accurate of the number of users. Whats more likely
  • 10. Users with Visual Impairments VoiceOver Users Large Text Users For illustration purposes only, not necessarily accurate of the number of users.
  • 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. 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. 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. ACCESSIBILITY IS NOT JUST ABOUT PEOPLE WITH VISUAL IMPAIRMENTS.
  • 16. THERE ARE SO MANY ACCESSIBILITY FEATURES!
  • 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
  • 18. MOST ACCESSIBILITY FEATURES ARE HANDLED BY THE SYSTEM (NO ADDITIONAL WORK FOR YOU)
  • 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
  • 21. QUITE A FEW ACCESSIBILITY FEATURES ONLY APPLY TO SOME APPS.
  • 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
  • 32. ~300 MILLION VISUALLY IMPAIRED DYNAMIC TYPE IS SUPER IMPORTANT TO SUPPORT IN YOUR APPS!
  • 33. WHAT IF WE CANT 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
  • 35. DONT WORRY ABOUT WHAT A USER CANT DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
  • 36. WHY DO WE TAKE PHOTOS?
  • 37. DONT WORRY ABOUT WHAT A USER CANT DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.
  • 42. MAKING THE MOST OF MANUAL TESTING
  • 43. RATHER THAN TESTING EVERY ELEMENT ON THE SCREEN, TEST A FEATURE FROM START TO FINISH.
  • 44. SIMPLIFY ELEMENTS: GROUP ITEMS & MAKE LARGER TAP TARGETS.
  • 45. NOTHING IS BETTER THAN MANUAL TESTING.
  • 49. 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 際際滷r 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-鍖nger swipe up Read all the elements in order, from currently focused element Two-鍖nger swipe down Stop/resume speaking Two-鍖nger tap Go back to the previous view or dismiss an alert Two-鍖nger scrub, quickly making a z Scroll by a page in a table view or scroll view Three-鍖nger 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-鍖nger swipe right or left Speak additional information about the element, such as position within a list or whether text is selected Three-鍖nger tap Focus on the 鍖rst element on the screen Four-鍖nger tap at top of screen Focus on the last element on the screen Four-鍖nger tap at bottom of screen Mute or unmute VoiceOver Three-鍖nger double-tap
  • 50. 2-FINGER SWIPE UP READ CONTENTS OF SCREEN IN ORDER FROM THE TOP
  • 51. COMBINE DISPLAY ACCOMMODATION SETTINGS. Greyscale Dynamic Type Bold Text Reduce Transparency Reduce Motion Differentiate without colour (macOS) Increase Contrast (macOS)
  • 52. ACCESSIBILITY SHORTCUT! (AT THE BOTTOM OF THE LIST IN ACCESSIBILITY) SETTINGS -> GENERAL -> ACCESSIBILITY -> ACCESSIBILITY SHORTCUT
  • 58. WORKS WITH HARDWARE OR THE SIMULATOR
  • 60. SPY ON OTHER APPS
  • 61. MAKE ACCESSIBILITY PART OF YOUR WORKFLOW
  • 62. A LOT OF ACCESSIBILITY WORK CAN BE DONE IN THE DESIGN PHASE.
  • 63. ACCESSIBILITY IS NOT A FEATURE, EVERY FEATURE SHOULD BE ACCESSIBLE.
  • 64. IF ITS NOT ACCESSIBLE, ITS NOT DONE.
  • 65. MAKE TESTING FOR ACCESSIBILITY PART OF YOUR TEST PLAN.
  • 67. GET BETA TESTERS WHO USE A VARIETY OF ASSISTIVE TECHNOLOGIES.
  • 72. DONT LET THE SIZE OF WORK DISCOURAGE YOU FROM STARTING IT.
  • 73. REDUCING COSTS Move most Accessibility work to design phase Focus on testing the right things Work incrementally Prioritise most important features
  • 74. DONT WORRY ABOUT WHAT A USER CANT DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.