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

Accessibility is more than just supporting screenreaders

SerenD
March 30, 2017

Accessibility is more than just supporting screenreaders

My Render talk from 30th March 2017 Oxford, 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

March 30, 2017
Tweet

More Decks by SerenD

Other Decks in Programming

Transcript

  1. Accessibility is more than just
    supporting screenreaders
    @ninjanails
    Render, March 2017

    View Slide

  2. View Slide

  3. https://www.flickr.com/photos/chadsantos/263551766/
    So what is accessibility?

    View Slide

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

    View Slide

  5. Microsoft INCLUSIVE_TOOLKIT_MANUAL_FINAL.pdf

    View Slide

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

    View Slide

  7. cognitive
    Microsoft INCLUSIVE_TOOLKIT_MANUAL_FINAL.pdf
    Dyslexia Flu Intoxicated

    View Slide

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

    View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. Colour blindness
    http://www.colourblindawareness.org/

    View Slide

  14. 1 in 12 men are colour blind

    View Slide

  15. View Slide

  16. View Slide

  17. View Slide

  18. View Slide

  19. https://www.flickr.com/photos/soitiki/5089584379/
    Deaf or hard of hearing

    View Slide

  20. 1 in 6 have some form of hearing loss

    View Slide

  21. View Slide

  22. View Slide

  23. Youtube example of
    captioning on videos

    View Slide

  24. Epilepsy

    View Slide

  25. 1 in 100 have Epilepsy

    View Slide

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

    View Slide

  27. View Slide

  28. 1 in 10 have Dyslexia

    View Slide

  29. Even experts get it wrong sometimes

    View Slide

  30. HELLO WORLD

    View Slide

  31. HELLO WORLD

    View Slide

  32. Make your text bold

    View Slide

  33. View Slide

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

    View Slide

  35. View Slide

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

    View Slide

  37. View Slide

  38. View Slide

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

    View Slide

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

    View Slide

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

    View Slide