Introduction to Web Accessibility

Transcript

1. Michaela
 Blackham FRONT-END DEVELOPER michaela@aten.io
2. The Importance of Accessible Websites
3. The Problem
4. What is Accessiblity? • The quality of being easy to obtain knowledge, easy to use, and understand.
5. Accessibility is not just for the web.
6. Needs an Accessible Website? Who
7. Visual • Interactions with the page - What/Where? • Non Visual Content • Orientation/boundaries • Contrast in size and color etc • Things out of view / can you see the entire interface?
8. Motor • Gesture Alternatives • Reach/orientation on mobile • Sensitivity touches & Double taps
9. Auditory • Audio alternatives
10. Cognitive • Visual Density • Memory Gestures • Distraction/focus/attention/dyslexia • Photosensitive and Migraines
11. What is the Current State of the problem?
12. Not awful, but not great.
13. There are so many devices.
14. Amatuers doing their own websites.
15. New movement from websites to apps.
16. What happens if the Problem isn’t Addressed?
17. No Customers = No Money
18. Where do I Start?
19. Surprise! You have already taken your first step!
20. Design • Content First • Font Size & Typeface • Colors & Contrast • Layouts • Critiques. Critiques. Critiques.
21. Development • Hierarchy and structure • Alt tags • Keyboard navigation • Aria and role labels • Table of Contents/Teasers
22. P.O.U.R. • P : Perceivable • O : Operable • U : Understandable • R : Robust
23. Any Questions?
24. Resources • Simply Accessible : http://simplyaccessible.com/ • The A11Y Project : http://a11yproject.com/ • Blog : https://medium.com/@pdjohnson/using-the-internet-as-a-blind-person- fc4e09e294f0#.os9z2jtgi • You Tube :
25. Thanks!
26. @atendesign aten.io