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 full-size slide

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

    View full-size slide

  3. Permanent Temporary
    Situational
    Accessibility
    #DYZ

    View full-size slide

  4. Cognitive

    Touch

    Speech

    Hearing

    Sight





    View full-size slide

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

    View full-size slide

  6. 1 in 10 have Dyslexia

    View full-size slide

  7. Even experts get it wrong sometimes

    View full-size slide

  8. HELLO WORLD
    #DYZ

    View full-size slide

  9. Make your text bold

    View full-size slide

  10. 1 in 100 have Epilepsy

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  16. Super long pages

    View full-size slide

  17. #DYZ
    Provide back to top links

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  20. 1 in 12 men are colour blind

    View full-size slide

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

    View full-size slide

  22. 1 in 6 have some form of hearing loss

    View full-size slide

  23. Youtube example of
    captioning on videos

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide