Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accessibility

73 views

Published on

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.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Accessibility

  1. 1. ACCESSIBILITY SALLY SHEPARD @MOSTGOOD
  2. 2. 👋
  3. 3. Direct mapping Improving mapping
  4. 4. FOCUS ON USERS NEEDS.
  5. 5. ACCESSIBILITY?
  6. 6. 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
  7. 7. 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
  8. 8. DISABILITY ONLY EXISTS IF WE DON’T PROVIDE WAYS TO INCLUDE PEOPLE.
  9. 9. BY NOT MAKING YOUR APP/ WEBSITE ACCESSIBLE, YOU ARE CREATING BARRIERS.
  10. 10. HOW DO WE CRAFT INCLUSIVE EXPERIENCES?
  11. 11. 1) KNOW YOUR USERS.
  12. 12. STOP MAKING ASSUMPTIONS.
  13. 13. “BLINDNESS”
  14. 14. What do users use?
  15. 15. Assistive technologies provide alternative interfaces.
  16. 16. Vision
  17. 17. VoiceOver Zoom Invert Colors Greyscale Larger Text Bold Text Button Shapes Reduce Transparency Increase Contrast Reduce Motion On/Off Labels
  18. 18. VoiceOver replicates the GUI by speaking it.
  19. 19. VoiceOver speaks more than 30 languages
  20. 20. Available on iOS, macOS, Apple TV & Apple Watch
  21. 21. To extend VoiceOver, users can also use braille.
  22. 22. Braille displays
  23. 23. Braille Keyboards
  24. 24. Demo: Using VoiceOver
  25. 25. Physical / Motor skills
  26. 26. Assistive Touch
  27. 27. Touch Accommodation Hold Duration Tap Assistance
  28. 28. Switch Control
  29. 29. Hearing
  30. 30. Hearing Aids LED Flash Mono Audio Noise Cancellation Audio Balance Subtitles & Captioning
  31. 31. ASSISTIVE TECHNOLOGIES ARE NOT EXCLUSIVE TO A PARTICULAR DISABILITY.
  32. 32. 2) DESIGN FOR EVERYONE
  33. 33. DESIGN INCLUSIVELY FROM THE BEGINNING.
  34. 34. THERE IS NO “NORMAL”
  35. 35. 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
  36. 36. PROVIDE DESIGNS FOR ASSISTIVE FEATURES.
  37. 37. LARGE TAP TARGETS.
  38. 38. DON’T RELY ON COLOUR ALONE TO CONVEY MEANING.
  39. 39. .FILENAMES
  40. 40. PROVIDE ALTERNATIVES FOR ANIMATIONS.
  41. 41. DO YOU REALLY NEED TO DESIGN A CUSTOM CONTROL?
  42. 42. HIERARCHY & NAVIGATION
  43. 43. 3) CODE INCLUSIVELY
  44. 44. LABEL EVERYTHING.
  45. 45. RESPOND TO LARGER TEXT SIZES.
  46. 46. CUSTOM CONTROLS…
  47. 47. WATCH OUT FOR ABBREVIATIONS.
  48. 48. GROUP ELEMENTS IN TABLE/COLLECTION VIEWS.
  49. 49. THE ACCESSIBILITY INSPECTOR IS YOUR FRIEND.
  50. 50. 4) TEST FOR INCLUSIVITY
  51. 51. GET GOOD AT VoiceOver & Switch Control, LEARN HOW TO USE ALL THE OTHER FEATURES.
  52. 52. ADD ACCESSIBILITY TESTING TO YOUR TEST PLAN.
  53. 53. GET BETA TESTERS WHO USE A VARIETY OF ASSISTIVE TECHNOLOGY.
  54. 54. SUMMARY - THINGS TO DO:
  55. 55. For a whole day, use your phone with a Screen Reader
  56. 56. Don’t make assumptions.
  57. 57. Iterate & polish
  58. 58. Thank you! Sally Shepard // @mostgood
  59. 59. Questions? Sally Shepard // @mostgood

×