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.

Teach colleagues accessibility - CSUN ATC 2018

388 views

Published on

Is the biggest obstacle for an accessible web your own colleagues? See how you can run a workshop to spread knowledge and awareness for accessibility.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Teach colleagues accessibility - CSUN ATC 2018

  1. 1. Lotte Johansen, Tom Widerøe & Tor-Martin Storsletten FINN.no CSUN, March 2018 How to Train Colleagues in Accessibility
  2. 2. About us ● Lotte Johansen @lotte_johansen ● Tom Widerøe @twidero ● Tor-Martin Storsletten
  3. 3. FINN.no ● Norway’s no 1 online Marketplace ● Sell and buy anything ● Like Craigslist
  4. 4. Schibsted Media and marketplaces around the world schibsted.com/career
  5. 5. What´s in it for me?
  6. 6. Process 1. Group 2. Mandate 3. Knowledge 4. External expertise 5. Spread the word 6. Workshops 7. User tests 8. Automatic validation
  7. 7. Workshop
  8. 8. Workshop agenda 2 hours ● ABC of accessibility ● How to test - demos ● Hands-on testing ● Talk about the findings ● Feedback https://gettecla.com/blogs/news/accessibility-fails
  9. 9. Who to invite Developer teams ● Developers ● Designers ● Product managers New colleagues ● Everyone!
  10. 10. What to bring ● Laptop ● Smartphone ● Headphones
  11. 11. What to test Developer teams ● What they have made ● Ongoing projects New colleagues ● Anything ● Defined user case
  12. 12. Preparations summary ● Send invitations ● Create tasks for testing ● Prepare a document for findings
  13. 13. Introduction
  14. 14. Goal for the workshop ● Awareness ● Uncover and repair obstacles ● Create universal designed products in the future http://accessibilitymatters.ca/accessibility-and-stairs-do-not-mix-well/
  15. 15. 17% http://www.slideshare.net/whitneyq/plain-language-accessibility-for-cont
  16. 16. Disabilities are not a problem by itself. The problem are the obstacles we meet.
  17. 17. Accessibility makes it better for everyone!
  18. 18. Better for Everyone Before After
  19. 19. Disabilities Visual Hearing Motor Cognitive
  20. 20. How to test
  21. 21. Straw Test http://www.sunshinestatesarah.com/2013/10/questions-raised-about-tonights-straw.html#.VTEGUpSUdWY http://www.sunshinestatesarah.com/2013/10/questions-raised-about-tonights-straw.html#.VTEGUpSUdWY
  22. 22. Cambridge Glasses
  23. 23. Keyboard Navigation
  24. 24. Screen Reader
  25. 25. Testing
  26. 26. Testing
  27. 27. Testing
  28. 28. Testing
  29. 29. Testing
  30. 30. Gather Findings Before: ● Post-its on the wall ● One note per finding Hard to take notes
  31. 31. Gather Findings Now: ● Shared document ● Everyone recreate bugs Summary written automatically
  32. 32. Feedback Plus Delta
  33. 33. Feedback Plus • Inspiring • Fun • Awareness • Easy • Spread further!
  34. 34. Feedback • More time on testing tools • Introduction round • One testing tool at the time! • Engage non-technical people Delta
  35. 35. Very cool that it is so easy to fix. It is just about being aware of the disabled. By using plain html, it works out of the box for all browsers and all disabled. - Frank Holm, Senior Frontend developer, Team Ad Input, FINN.no
  36. 36. I’ve got very inspired by the accessibility workshop you held last week, and I was thinking about doing something similar at the Schibsted internal iOS conference that we will have in Vienna at the end of May. - Ludovico Rossi, iOS developer, Schibsted
  37. 37. After Work Prettify document ● Remove duplicates ● Add comments and suggestions ● Rate bugs ● Clarify false bugs
  38. 38. After Work If the bugs are not getting fixed... https://www.amazon.com/ - Marvel
  39. 39. Tor-Martin’s View
  40. 40. Sum Up
  41. 41. Questions? @lotte_johansen @twidero Tor-Martin Storsletten
  42. 42. Thank You! @lotte_johansen @twidero Tor-Martin Storsletten

×