How to improve UX by implementing accessibility

1,395 views

Published on

Accessibility is often connected to the needs and demands of people with impairement. This presentation - by means of practical examples - shows that vast majority of users can benefit from accessibility.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

How to improve UX by implementing accessibility

  1. 1. How to improve UX by implementing accessibilityRadek PAVLÍČEK, Blind Friendly Web
  2. 2. Hi. My name is Radek and I ammember of Blind Friendly Web team.
  3. 3. I am also an author of blog Poslepu.cz and I work as accessibility consultant.
  4. 4. In this presentation I would like to go on with topic, which I presented at WebExpo conference 2012.
  5. 5. What is accessibility good for?
  6. 6. Availability – usermust be able to get on the web.
  7. 7. Controlability – user must be able to operate the web.
  8. 8. Understandability –user must understand the web.
  9. 9. Orientation – user mustbe able to find the way through the web.
  10. 10. Time – user mustbe able to fullfil his or her task in reasonable time.
  11. 11. Accessibility is often perceived as a matter of handicapped people only.
  12. 12. One accessibility to rule them all?Can we fully fullfil needs of all of the
  13. 13. Demands and needs of particular groups of people with impairement vary.
  14. 14. Removing barrier for onegroup could create barrier for another.
  15. 15. Real life example. Orientation around this swimming pool was no problem for my blind colleague.
  16. 16. Although this swimming pools looks very similar to the previous one, it was designed primarily for the needs of wheelchair users and therewere no natural guidelines for the blind. That is why the orientation for them was very complicated.
  17. 17. This lowering is very suitable for wheelchair users, but is not good for the blind, because they don´t know where is the border between the sidewalk and the road.
  18. 18. Special kind of cobbles makes thislowering accessible also for the blind.
  19. 19. Some adaptations are useful only for users with special needs
  20. 20. Sign language
  21. 21. Audio description of movies
  22. 22. Hidden headings
  23. 23. But the rest is useful for vast majority of users
  24. 24. Audio information Barrier-lessFrom accessibility adjustement of this tram profit also those,who travel with pram, or passengers, who use audioinformation about particular stops to be informed where theyare and where they must get off.
  25. 25. Real life examples
  26. 26. Subtitles are useful not only for people with hearing impairement, but also for those, who do not understand spoken language very well.
  27. 27. Missing textalternativeThere is no button which I can click on.
  28. 28. Explicit association of controls with their labelsWhen you create explicit association, theclickable area is larger, because you can click also on the label.
  29. 29. Keyboard shortcuts – you can operate the web in very effective way.
  30. 30. Proof, that accessibility is beneficial to all users, can be found in this report.
  31. 31. Scope of the investigation 39 000 pages in totalAutomated 1 000 home pages User testing testing 50 users with variety of impairements
  32. 32. Completed tasksAlthough control group, that consists of non-disabled web users, was able to complete all thetasks, blind users on low accessibility websites completed only 67 %.
  33. 33. DurationOn low accessibility sites both groups were slower and they need more time to complete theirtasks. In other words, on high accessibility sites they were able to complete their tasks fasterand easier.
  34. 34. Remember Accessible web isbeneficial to all users,not only to users with impairement.
  35. 35. More info about accessibility
  36. 36. Contact infopavlicek@blindfriendly.cz @radlicek
  37. 37. Photo credits• www.fotopedia.com/items/flickr-415742494• www.flickr.com/photos/11407072@N03/2194359747/• www.flickr.com/photos/60207590@N00/2344734563• http://commons.wikimedia.org/wiki/File:Brno,_Mendlovo_n%C3%A1m%C4%9B• www.flickr.com/photos/nationaalarchief/4025536029/• www.flickr.com/photos/cornelluniversitylibrary/3678984206/• http://4.bp.blogspot.com/__1B7eTIn3jM/SoMylQ_RqWI/AAAAAAAAAAw/F8u_j• http://www.sons.cz/docs/bariery/sons_inet1_01_2010.pdf

×