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

Accessibility is more than just supporting screenreaders

SerenD
July 05, 2018

Accessibility is more than just supporting screenreaders

My Women in Tech Nottingham talk from 5th July 2018 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

July 05, 2018
Tweet

More Decks by SerenD

Other Decks in Technology

Transcript

  1. Accessibility is more than just
    supporting screenreaders
    @ninjanails
    WIT Nott, July 2018

    View Slide

  2. View Slide

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

    View Slide

  4. Permanent Temporary
    Situational
    Accessibility
    #DYZ

    View Slide

  5. Cognitive

    Touch

    Speech

    Hearing

    Sight





    View Slide

  6. Cognitive
    https://www.flickr.com/photos/carlos_gq/14693441185/

    View Slide

  7. View Slide

  8. 1 in 10 have Dyslexia

    View Slide

  9. Even experts get it wrong sometimes

    View Slide

  10. HELLO WORLD
    #DYZ

    View Slide

  11. HELLO WORLD

    View Slide

  12. Make your text bold

    View Slide

  13. View Slide

  14. Epilepsy

    View Slide

  15. 1 in 100 have Epilepsy

    View Slide

  16. http://www.stonetwins.com/Enlightenment/Columns/London-2012-Logo

    View Slide

  17. Animation
    https://www.flickr.com/photos/pluspunkt/7217738496/
    #DYZ

    View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. Tipsy/drunk

    View Slide

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

    View Slide

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

    View Slide

  24. https://www.flickr.com/photos/roadsidepictures/6643603567/
    Touch or movement

    View Slide

  25. Super long pages

    View Slide

  26. #DYZ
    Provide back to top links

    View Slide

  27. View Slide

  28. View Slide

  29. Sight
    https://www.flickr.com/photos/rolfo87/2856584911/

    View Slide

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

    View Slide

  31. 1 in 12 men are colour blind

    View Slide

  32. View Slide

  33. View Slide

  34. View Slide

  35. View Slide

  36. View Slide

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

    View Slide

  38. 1 in 6 have some form of hearing loss

    View Slide

  39. View Slide

  40. Youtube example of
    captioning on videos

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide