iOS Accessibility Testing Workshop

1. iOS Accessibility Workshop Global Accessibility Awareness Day 2017

2. WHAT IS ACCESSIBILITY?

3. ACCESSIBILITY IS ABOUT ENABLING PEOPLE BY REMOVING BARRIERS.

4. YOU CAN REMOVE BARRIERS BY SUPPORTING ACCESSIBILITY FEATURES.

5. ACCESSIBILITY AND DISABILITY?

6. https://www.microsoft.com/en-us/design/inclusive

7. WE NEED TO STOP MAKING ASSUMPTIONS

8. Users with Visual Impairments VoiceOver Users What we assume (Blind users)

9. Users with Visual Impairments VoiceOver Users For illustration purposes only, not necessarily accurate of the number of users. What’s 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) 🎉 🎉 🎉 🎉 🎉

21. QUITE A FEW ACCESSIBILITY FEATURES ONLY APPLY TO SOME APPS.

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

28. RELATIONSHIP BETWEEN VOICEOVER AND SWITCH CONTROL

29. -ACCESSIBILITY API -ACCESSIBILITY ELEMENTS

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

32. ~300 MILLION VISUALLY IMPAIRED DYNAMIC TYPE IS SUPER IMPORTANT TO SUPPORT IN YOUR APPS!

33. WHAT IF WE CAN’T RELY ON OUR DESIGNS TO SUPPORT ACCESSIBILITY?

35. DON’T WORRY ABOUT WHAT A USER CAN’T DO. FOCUS ON WHAT THE TECHNOLOGY CAN DO.

36. WHY DO WE TAKE PHOTOS?

38. MANUAL TESTING & DEBUGGING

39. MANUAL TESTING ON HARDWARE

40. *DEMO*

41. -FOCUSABLE -LABELED -TRAITS -ACTIONABLE -STATE -CONTEXT VOICEOVER

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.

46. MANUAL TESTING GOOD ✅ COMPREHENSIVE BAD 🕰 SLOW

47. SPEEDING UP MANUAL TESTING

48. KNOW YOUR VOICEOVER GESTURES!

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 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

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

53. SUPPORT.APPLE.COM/ACCESSIBILITY

54. ACCESSIBILITY INSPECTOR *NEW IN XCODE 8*

57. -ACCESSIBILITY ELEMENT INSPECTION -AUDIT -SETTINGS ACCESSIBILITY INSPECTOR

58. WORKS WITH HARDWARE OR THE SIMULATOR

59. CONTROL SETTINGS ON HARDWARE

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 IT’S NOT ACCESSIBLE, IT’S NOT DONE.

65. MAKE TESTING FOR ACCESSIBILITY PART OF YOUR TEST PLAN.

66. GET REAL USERS INVOLVED!

67. GET BETA TESTERS WHO USE A VARIETY OF ASSISTIVE TECHNOLOGIES.

68. APPLEVIS.COM @APPLEVIS

70. THINGS TO REMEMBER

71. KNOW YOUR VOICEOVER GESTURES!

72. DON’T 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

iOS Accessibility Testing Workshop

Recomendados

Recomendados

Más contenido relacionado

Similar a iOS Accessibility Testing Workshop

Similar a iOS Accessibility Testing Workshop (20)

Más de Sally Shepard

Más de Sally Shepard (16)

Último

Último (20)

iOS Accessibility Testing Workshop