Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

All you want to know about accessibility are things you already know

2.430 visualizaciones

Publicado el

A talk given at UXCamp Europe 2014. How should UX professionals approach accessibility on the web? My message is that the focus on guidelines and technical demands is neither motivating, nor is it the best sollution. Designers should de what they do best: design. To do that they need to understand the needs of users, and the tools they use. Universal design is the place to start.

I'm sorry for not having a transcript or audiorecording of my talk at this time. Please contact me and I would be happy to talk to you about it.

Thanks to Wilhelm Joys Andersen @wilhelmja, Ida Jackson @virrvarr and Ida Aalen @idaaa for help with slides and arguments.

Also a big thanks to the participants at UXCamp in Berlin for the opportunity to talk about this topic!
http://www.uxcampeurope.org/

Publicado en: Diseño, Tecnología
  • Sé el primero en comentar

All you want to know about accessibility are things you already know

  1. 1. All you want to know about accessibility are things you already know Joakim Bording @spispeas Sunday 8 June 14
  2. 2. Accessibility Sunday 8 June 14
  3. 3. Accessibility: Shame on you, your site does not comply with accessibility standards Sunday 8 June 14
  4. 4. Accessibility: Those poor people need help Sunday 8 June 14
  5. 5. Accessibility: It’s just good design Sunday 8 June 14
  6. 6. Sunday 8 June 14
  7. 7. Sunday 8 June 14
  8. 8. Sunday 8 June 14
  9. 9. Sunday 8 June 14
  10. 10. Easy Sunday 8 June 14
  11. 11. Frustrating Sunday 8 June 14
  12. 12. Impossible Sunday 8 June 14
  13. 13. Impossible Frustrating Easy Sunday 8 June 14
  14. 14. Impossible Frustrating Easy Sunday 8 June 14
  15. 15. Impossible Frustrating Easy Cup of espresso Sunday 8 June 14
  16. 16. Impossible Frustrating Easy Cup of espresso Glass of water Sunday 8 June 14
  17. 17. Impossible Frustrating Easy Cup of espresso Glass of water Cup of coffee Sunday 8 June 14
  18. 18. – One out of seven has some form of disability World Health Organization Sunday 8 June 14
  19. 19. Sunday 8 June 14
  20. 20. Impairment vs. Disability Sunday 8 June 14
  21. 21. «Impairment» what makes your body different or damaged Sunday 8 June 14
  22. 22. «Disability» is what happens when your body encounters an obstacle it can not solve Sunday 8 June 14
  23. 23. Sunday 8 June 14
  24. 24. Sunday 8 June 14
  25. 25. Sunday 8 June 14
  26. 26. Sunday 8 June 14
  27. 27. Sunday 8 June 14
  28. 28. Sunday 8 June 14
  29. 29. Users become disabled when we do not design for their needs Sunday 8 June 14
  30. 30. Designers: Sunday 8 June 14
  31. 31. Designers: Be nice! Sunday 8 June 14
  32. 32. We got a new law in Norway this summer Sunday 8 June 14
  33. 33. Sunday 8 June 14
  34. 34. Regulation for universal design of information and communication technology (ICT) solutions Anti-Discrimination and Accessibility Act § 14 Sunday 8 June 14
  35. 35. It’s illegal to discriminate your users on the grounds of disability Sunday 8 June 14
  36. 36. Sunday 8 June 14
  37. 37. Sunday 8 June 14
  38. 38. Sunday 8 June 14
  39. 39. – Never has so many debated so much about such a narrow field that so many people think deals with so few @ahenrichsen (my translation) Sunday 8 June 14
  40. 40. Sunday 8 June 14
  41. 41. Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellun gsgesetz Behindertengleichstellungsgesetzes § 11 Sunday 8 June 14
  42. 42. Sunday 8 June 14
  43. 43. Sunday 8 June 14
  44. 44. – Net-based solutions must as a minimum be designed in compliance with standard Web Content Accessibility Guidelines 2.0 (WCAG 2.0) (...) uu.difi.no/english Sunday 8 June 14
  45. 45. Sunday 8 June 14
  46. 46. Sunday 8 June 14
  47. 47. Sunday 8 June 14
  48. 48. Sunday 8 June 14
  49. 49. Sunday 8 June 14
  50. 50. Sunday 8 June 14
  51. 51. Read it but don’t be afraid about it Sunday 8 June 14
  52. 52. It’s about users Sunday 8 June 14
  53. 53. Sunday 8 June 14
  54. 54. Let’s build a website! Sunday 8 June 14
  55. 55. User needs Member Client Press Sunday 8 June 14
  56. 56. Tools Phones Tablets Laptops Sunday 8 June 14
  57. 57. Mouse Finger Tools Sunday 8 June 14
  58. 58. Chrome Version 32.0 Safari Version 7.0.1 Firefox Version 26.0 Tools Sunday 8 June 14
  59. 59. This we know Tools • Screenresolutions • Mouse or trackpad • Touch • Browser versions User needs • Relevance and priority • Good content • User testing Sunday 8 June 14
  60. 60. Sunday 8 June 14
  61. 61. Level up! Tools • Keyboard navigation • Screenreaders • Screen zoom • Browser zoom User needs • Contrast • Colorblindnes Sunday 8 June 14
  62. 62. Accessibility without user friendliness is bogus. Sunday 8 June 14
  63. 63. Sunday 8 June 14
  64. 64. Lets learn some new skills! Sunday 8 June 14
  65. 65. Order it right and make it readable 1 Sunday 8 June 14
  66. 66. ⌘ + F5 Sunday 8 June 14
  67. 67. Sunday 8 June 14
  68. 68. Skjermdump: knyteslips.no 1) Place the tie around your neck. The wide end should be about 30-35 cm longer than the narrow end of the tie. Let the wide end cross over the narrow end. 2) Fold the wide end around and behind the narrow end of the tie. Sunday 8 June 14
  69. 69. Become a member MedlemsfordelerSign up now Foto: flic.kr/p/bJxmpP Sunday 8 June 14
  70. 70. Become a member MedlemsfordelerSign up now Foto: flic.kr/p/bJxmpP Sunday 8 June 14
  71. 71. Book him now Foto: flic.kr/p/bJxmpP Go on a date with Gustav Sunday 8 June 14
  72. 72. Write short and informative textalternatives for relevant pictures Sunday 8 June 14
  73. 73. Sunday 8 June 14
  74. 74. «Right arrow button» Sunday 8 June 14
  75. 75. «Right arrow button» value="→" Sunday 8 June 14
  76. 76. iPhone anyone? Sunday 8 June 14
  77. 77. iPhone anyone? Enable VoiceOver in settings Sunday 8 June 14
  78. 78. Sunday 8 June 14
  79. 79. Search with your finger Flick trough Click Next page Scroll Choose navigation level Flick trought in that level Turn of your screen double tapp 3 tapp Number of fingers Sunday 8 June 14
  80. 80. Be generous with contrast and do not rely on color alone 2 Sunday 8 June 14
  81. 81. Sunday 8 June 14
  82. 82. Sunday 8 June 14
  83. 83. Sunday 8 June 14
  84. 84. Sunday 8 June 14
  85. 85. Contrast ratio: 4.5:1 Sunday 8 June 14
  86. 86. #777 Sunday 8 June 14
  87. 87. Sunday 8 June 14
  88. 88. http://leaverou.github.com/contrast-ratio/ Sunday 8 June 14
  89. 89. Sunday 8 June 14
  90. 90. Sunday 8 June 14
  91. 91. Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry. Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry. Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry. Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry. Sunday 8 June 14
  92. 92. Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry. Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry. Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry. Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry. Sunday 8 June 14
  93. 93. Let the keyboard join the party! 3 Sunday 8 June 14
  94. 94. Foto: Flickr - yum9me Sunday 8 June 14
  95. 95. 1. Lasy users 2. Expertusers 3. Users with limited movement 4. Blind and visually impaired users Who use the keyboard for navigation? Sunday 8 June 14
  96. 96. TEST IT! Sunday 8 June 14
  97. 97. First define some tasks you want to test on your site Sunday 8 June 14
  98. 98. Sunday 8 June 14
  99. 99. Sunday 8 June 14
  100. 100. ... Sunday 8 June 14
  101. 101. 1. Du you see where you are and what you do? 2. Can you do everything you want? 3. Is the focus placed where you expect it to? 4. Is there a lot of repeating content on the site? Four things to test Sunday 8 June 14
  102. 102. If it belongs together it should stay together 4 Sunday 8 June 14
  103. 103. Screen zoom This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. Sunday 8 June 14
  104. 104. Screen zoom This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. Sunday 8 June 14
  105. 105. Will the users find their way around when zoomed in? Sunday 8 June 14
  106. 106. Browser zoom This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. Sunday 8 June 14
  107. 107. Browser zoom This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. Sunday 8 June 14
  108. 108. Browser zoom This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. Sunday 8 June 14
  109. 109. Browser zoom This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. Sunday 8 June 14
  110. 110. HTML + CSS Sunday 8 June 14
  111. 111. Make ONE sollution for all 5 Sunday 8 June 14
  112. 112. Sunday 8 June 14
  113. 113. Foto: greatbuildings.com Sunday 8 June 14
  114. 114. – Universal design is the design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design. The Center for Universal Design Sunday 8 June 14
  115. 115. Sunday 8 June 14
  116. 116. – Design for extremes. The middle will take care of itself. Dan Formosa Sunday 8 June 14
  117. 117. Try it out! Sunday 8 June 14
  118. 118. Sunday 8 June 14
  119. 119. Sunday 8 June 14
  120. 120. Sunday 8 June 14
  121. 121. Designer Developer Editor Writer Sunday 8 June 14
  122. 122. – The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee Sunday 8 June 14
  123. 123. Sunday 8 June 14
  124. 124. Sunday 8 June 14
  125. 125. Thank you! Joakim Bording @spispeas #a11y Sunday 8 June 14

×