Accessibility - Talk given at notonthehighstreet.com on accessibility, what assistive technologies are available across Apple platforms, how to create great accessible experiences, how to use assistive technologies like VoiceOver, Switch Control and display accommodations, and how to test accessibility in apps. This talk was given on the 9th of March 2017.

1. ACCESSIBILITY
SALLY SHEPARD
@MOSTGOOD

2. 👋

5. Direct mapping Improving mapping

6. FOCUS ON USERS NEEDS.

7. ACCESSIBILITY?

8. Disability is not just a health problem. It
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

9. Disability never holds anyone
back, disability is not something
that people need to overcome.
The barriers that exist are created
by society.
-Haben Girma,
WWDC 2016: Disability and Innovation: The Universal Benefits of
Accessible Design

10. DISABILITY ONLY EXISTS IF
WE DON’T PROVIDE WAYS
TO INCLUDE PEOPLE.

11. BY NOT MAKING YOUR APP/
WEBSITE ACCESSIBLE,
YOU ARE CREATING BARRIERS.

12. HOW DO WE CRAFT
INCLUSIVE EXPERIENCES?

13. 1) KNOW YOUR USERS.

14. STOP MAKING
ASSUMPTIONS.

15. “BLINDNESS”

16. What do users use?

17. Assistive technologies provide
alternative interfaces.

18. Vision

19. VoiceOver
Zoom
Invert Colors
Greyscale
Larger Text
Bold Text
Button Shapes
Reduce Transparency
Increase Contrast
Reduce Motion
On/Off Labels

20. VoiceOver replicates the GUI by
speaking it.

21. VoiceOver speaks more than
30 languages

22. Available on
iOS, macOS, Apple TV & Apple Watch

23. To extend VoiceOver, users
can also use braille.

24. Braille displays

25. Braille Keyboards

26. Demo: Using VoiceOver

27. Physical / Motor
skills

28. Assistive Touch

29. Touch Accommodation
Hold Duration
Tap Assistance

30. Switch Control

33. Hearing

34. Hearing Aids
LED Flash
Mono Audio
Noise Cancellation
Audio Balance
Subtitles & Captioning

35. ASSISTIVE TECHNOLOGIES
ARE NOT EXCLUSIVE TO A
PARTICULAR DISABILITY.

36. 2) DESIGN FOR EVERYONE

37. DESIGN INCLUSIVELY
FROM THE BEGINNING.

39. THERE IS NO “NORMAL”

40. DESIGNING INCLUSIVELY DOESN’T MEAN
YOU’RE MAKING ONE THING FOR ALL PEOPLE.
YOU’RE DESIGNING A DIVERSITY OF WAYS
FOR EVERYONE TO PARTICIPATE IN AN
EXPERIENCE WITH A SENSE OF BELONGING.
https://www.microsoft.com/en-us/design/inclusive

43. PROVIDE DESIGNS FOR
ASSISTIVE FEATURES.

44. LARGE TAP
TARGETS.

45. DON’T RELY ON COLOUR
ALONE TO CONVEY MEANING.

47. .FILENAMES

49. PROVIDE ALTERNATIVES
FOR ANIMATIONS.

50. DO YOU REALLY NEED TO
DESIGN A CUSTOM CONTROL?

51. HIERARCHY & NAVIGATION

52. 3) CODE INCLUSIVELY

53. LABEL
EVERYTHING.

54. RESPOND TO
LARGER TEXT SIZES.

55. CUSTOM CONTROLS…

56. WATCH OUT FOR
ABBREVIATIONS.

57. GROUP ELEMENTS IN
TABLE/COLLECTION
VIEWS.

58. THE ACCESSIBILITY
INSPECTOR IS YOUR FRIEND.

59. 4) TEST FOR INCLUSIVITY

60. GET GOOD AT VoiceOver &
Switch Control,
LEARN HOW TO USE ALL THE
OTHER FEATURES.

61. ADD ACCESSIBILITY TESTING
TO YOUR TEST PLAN.

62. GET BETA TESTERS WHO
USE A VARIETY OF
ASSISTIVE TECHNOLOGY.

63. SUMMARY - THINGS TO DO:

64. For a whole day, use your
phone with a Screen Reader

65. Don’t make
assumptions.

66. Iterate & polish

68. Thank you!
Sally Shepard // @mostgood

69. Questions?
Sally Shepard // @mostgood