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.

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