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.

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