$30 off During Our Annual Pro Sale. View Details »

Accessibility is more than just supporting screenreaders

SerenD
June 11, 2018

Accessibility is more than just supporting screenreaders

My Edinburgh University Software Development Community talk from 31st January 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

June 11, 2018
Tweet

More Decks by SerenD

Other Decks in Technology

Transcript

  1. Accessibility is more than just
    supporting screenreaders
    @ninjanails
    Edinburgh University, June 2018

    View Slide

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

    View Slide

  3. Permanent Temporary
    Situational
    Accessibility
    #DYZ

    View Slide

  4. Cognitive

    Touch

    Speech

    Hearing

    Sight





    View Slide

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

    View Slide

  6. View Slide

  7. 1 in 10 have Dyslexia

    View Slide

  8. Even experts get it wrong sometimes

    View Slide

  9. HELLO WORLD
    #DYZ

    View Slide

  10. HELLO WORLD

    View Slide

  11. Make your text bold

    View Slide

  12. View Slide

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

    View Slide

  14. View Slide

  15. Good example of animations


    example - smashing

    View Slide

  16. Tipsy/drunk

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  20. View Slide

  21. #DYZ

    View Slide

  22. Small areas for links
    #DYZ

    View Slide

  23. View Slide

  24. View Slide

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

    View Slide

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

    View Slide

  27. 1 in 12 men are colour blind

    View Slide

  28. View Slide

  29. View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. View Slide

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

    View Slide

  35. 1 in 6 have some form of hearing loss

    View Slide

  36. View Slide

  37. Youtube example of
    captioning on videos

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide