Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Accessibility is more than just supporting screenreaders

SerenD
September 16, 2017

Accessibility is more than just supporting screenreaders

My State of the Browser 6 talk from 16th September 2017 London, UK. Where I explore how people with cognitive, physical, hearing and sight difficulties experience the web, and how the decisions we make as developers affect their experience.

SerenD

September 16, 2017
Tweet

More Decks by SerenD

Other Decks in Technology

Transcript

  1. Accessibility is more than just supporting screenreaders @ninjanails State of

    the Broswer, September 2017
  2. None
  3. https://www.flickr.com/photos/chadsantos/263551766/ So what is accessibility?

  4. https://www.flickr.com/photos/pame_figueroa/3834138653/

  5. Microsoft INCLUSIVE_TOOLKIT_MANUAL_FINAL.pdf

  6. https://www.flickr.com/photos/nouqraz/308342941/ Are we still forgetting some people?

  7. cognitive Microsoft INCLUSIVE_TOOLKIT_MANUAL_FINAL.pdf Dyslexia Flu Intoxicated

  8. https://www.flickr.com/photos/roadsidepictures/6643603567/

  9. None
  10. None
  11. None
  12. None
  13. Colour blindness http://www.colourblindawareness.org/

  14. 1 in 12 men are colour blind

  15. None
  16. None
  17. None
  18. None
  19. https://www.flickr.com/photos/soitiki/5089584379/ Deaf or hard of hearing

  20. 1 in 6 have some form of hearing loss

  21. None
  22. None
  23. Youtube example of captioning on videos

  24. Epilepsy

  25. 1 in 100 have Epilepsy

  26. http://cultofthepartyparrot.com/parrots/hd/parrot.gif

  27. None
  28. 1 in 10 have Dyslexia

  29. Even experts get it wrong sometimes

  30. HELLO WORLD

  31. HELLO WORLD

  32. Make your text bold

  33. None
  34. https://www.flickr.com/photos/gavinli/5043559980/ Highlighting text is helpful

  35. None
  36. https://www.flickr.com/photos/timfranklinphotography/7254500880/ Right click is useful

  37. None
  38. None
  39. Tipsy/drunk

  40. https://shkspr.mobi/blog/2014/01/ui-for-drunks/

  41. https://twitter.com/joecainey/status/734212894271799297

  42. https://www.flickr.com/photos/kitty-kat/6049220331/

  43. https://www.flickr.com/photos/visualanthology/12916267353/

  44. https://www.flickr.com/photos/free_for_commercial_use/14375461993/ @ninajanails serendavies.me ninjanails.com