O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Strategies for Accessible Design - Alistair Duggin [Camp Digital 2018]

962 visualizações

Publicada em

This talk outlines a 4-part strategy for making digital products accessible. Following this approach will immediately improve the usability for everyone - and will kick-start the delivery team’s understanding of how to go on to make a product truly accessible.

Publicada em: Tecnologia
  • Entre para ver os comentários

  • Seja a primeira pessoa a gostar disto

Strategies for Accessible Design - Alistair Duggin [Camp Digital 2018]

  1. 1. Alistair Duggin Head of Accessibility Government Digital Service @dugboticus
  2. 2. Hello!
  3. 3. GDS
  4. 4. GDS
  5. 5. GDS
  6. 6. GDS
  7. 7. GDS
  8. 8. GDS
  9. 9. The community
  10. 10. GDS 1. What is accessibility? 2. How do you know what to consider? 3. 4 steps strategy for accessible design GDS
  11. 11. What is accessibility?
  12. 12. GDS Putting something online makes it more accessible GDS
  13. 13. GDS But doesn’t automatically mean that everyone can access and use it GDS
  14. 14. GDSGDS Easy to accidentally introduce barriers that make it impossible or difficult for some people to use
  15. 15. GDSAlistair Duggin GDS
  16. 16. GDSGDS
  17. 17. GDS Far too often we design for the fictional average user Good vision Full hearing Uses a mouse or touch screen Good literacy skills GDS
  18. 18. Accessibility is about designing for the full range of human capability GDS
  19. 19. GDS Vision 2 million people in the UK have significant sight loss 360,000 people are blind or partially sighted 8% of men are colorblind GDS
  20. 20. GDSGDS I have low vision and need to increase the text size in my browser
  21. 21. GDSGDS I need to change the appearance using my browser
  22. 22. GDSGDS I have low vision and need to use a screen magnifier to make things bigger and cannot read text that has poor contrast
  23. 23. GDSGDS I am blind and use a screen reader
  24. 24. GDSGDS I am colour blind and cannot perceive the difference between some colours
  25. 25. GDS Hearing 12 million people in the UK with some kind of hearing loss 900,000 people are severely or profoundly deaf GDS
  26. 26. GDSGDS I am hard of hearing and struggle to hear most things
  27. 27. GDSGDS I am Deaf; British Sign Language is my first language and I find English hard to read and write
  28. 28. GDS Motor control 10 million people in the UK have arthritis 145,000 have Parkinson’s GDS
  29. 29. GDSGDS I have a mild motor impairment so struggle to use a mouse with fine control
  30. 30. GDSGDS I have a medium motor impairment so have to use a keyboard instead of a mouse
  31. 31. GDSGDS I have a motor impairment and am unable to use a mouse or keyboard so use speech recognition software
  32. 32. GDS Cognition / thinking 6.4 million in the UK have dyslexia 1.5 million people have a learning disability 850,000 have dementia 700,000 are on the autistic spectrum GDS
  33. 33. GDSGDS I have dyslexia and struggle to process written text and spell
  34. 34. GDSGDS I am on the autistic spectrum and struggle to process information
  35. 35. GDSGDS I have attention deficit hyperactivity disorder (ADHD) and find it hard to concentrate
  36. 36. GDSGDS 4 principles of accessibility ● Perceivable ● Operable ● Understandable ● Robust
  37. 37. GDSGDS Digital products that can be used: ● without vision ● with limited vision ● without perception of colour ● without hearing ● with limited hearing ● with limited dexterity ● with limited cognition ● without speech
  38. 38. How do you know what to consider?
  39. 39. GDSAlistair Duggin
  40. 40. GDSAlistair Duggin
  41. 41. GDSGDS
  42. 42. A 4-part strategy for accessible design
  43. 43. GDS How do we design something that meets the needs of the broadest possible audience? GDS
  44. 44. GDSGDS
  45. 45. GDS Every design decision has the potential to include or exclude people GDS
  46. 46. 1# Design for most users without modifications
  47. 47. GDS Follow best practice that results in inclusion and usability: GDS
  48. 48. GDS Design an interface that is simple, and intuitive and consistent GDS
  49. 49. GDS Write content that uses plain language and is clear and easy to understand GDS
  50. 50. GDSGDS Break up content with lists and descriptive headings
  51. 51. GDS Write descriptive links, buttons and form labels GDS
  52. 52. GDS Make content legible with good colour contrast GDS
  53. 53. GDS Provide large hit areas for buttons and controls GDS
  54. 54. GDS Allow users enough time GDS
  55. 55. GDS Provide error messages that help people correct the errors GDS
  56. 56. GDSGDS
  57. 57. #2 Design for easy adaptation to different users
  58. 58. GDS Recognise that many people with have to adapt the experience GDS
  59. 59. GDSGDS
  60. 60. GDSGDS
  61. 61. GDSGDS
  62. 62. GDSGDS
  63. 63. GDS Allow people to extend time limits GDS
  64. 64. GDS Allow people to turn video captions on/off GDS
  65. 65. GDS Allow people to stop/pause animations and audio GDS
  66. 66. 3# Complementary design providing alternatives to meet the different needs of users
  67. 67. GDS Identify where solutions exclude people and an alternative is also required GDS
  68. 68. GDSAlistair Duggin GDS
  69. 69. GDSAlistair Duggin GDS
  70. 70. GDS
  71. 71. GDS “I always find that very very very annoying with all online forms. They never give me the opportunity to say text only. So how do I let people know that I don’t want you to phone me?” - User feedback GDS
  72. 72. 4# Design with a view to connect seamlessly to assistive technology
  73. 73. GDS Ensure it works in the broadest range of technology possible GDS
  74. 74. GDSGDS
  75. 75. GDSAlistair Duggin GDS
  76. 76. GDSAlistair Duggin Frontend developers need to write accessible HTML, CSS and Javascript GDS
  77. 77. GDSAlistair Duggin GDS
  78. 78. GDS Ensure all content and functionality is available to a keyboard GDS
  79. 79. GDSAlistair Duggin
  80. 80. This is for everyone...
  81. 81. GDS Our goal should be to make our digital products accessible to the widest possible audience GDS
  82. 82. GDSGDS
  83. 83. GDS 1. Ease to use 2. Adaptable 3. Complementary alternatives 4. Compatible with a broad range of tech GDS
  84. 84. GDS Designing for diversity helps us create better products GDS
  85. 85. GDS And helps us avoid excluding people accidentally GDS
  86. 86. GDS “For people without disability, technology makes things easier For people with disabilities, technology makes things possible” - IBM Training Manual, 1991 GDS
  87. 87. GDS It’s our responsibility to ensure people don’t face barriers GDS
  88. 88. GDS The prevalence of disability rises with age: 6% of children 16% of working age adults 45% of adults over State Pension age GDS
  89. 89. GDS By designing with accessibility in mind we’re designing for our friends and family and future selves. GDS
  90. 90. GDS Let’s make the best, most inclusive products we can GDS
  91. 91. GDSGDS
  92. 92. GDSGDS
  93. 93. Thanks! Alistair Duggin @dugboticus