A11y for Everyone

This is a talk I gave at IgniteUX Michigan on accessibility for everyone.

Transcript

1. Chris DeMars | @saltnburnem 1 Michael Supa
2. Chris DeMars UI Developer Chris DeMars | @saltnburnem @saltnburnem |
3. About Me! Chris DeMars | @saltnburnem
4. About Me! Teacher, assistant, and speaker for Girl Develop It Ann Arbor. Chris DeMars | @saltnburnem
5. About Me! Microsoft Community Contributor Teacher, assistant, and speaker for Girl Develop It Ann Arbor. Chris DeMars | @saltnburnem
6. About Me! Co-organizer for the Ann Arbor Accessibility Group Microsoft Community Contributor Teacher, assistant, and speaker for Girl Develop It Ann Arbor. Chris DeMars | @saltnburnem
7. About Me! I love horror! Co-organizer for the Ann Arbor Accessibility Group Microsoft Community Contributor Teacher, assistant, and speaker for Girl Develop It Ann Arbor. Chris DeMars | @saltnburnem
8. About Me! I love tattoos. I love horror! Co-organizer for the Ann Arbor Accessibility Group Microsoft Community Contributor Teacher, assistant, and speaker for Girl Develop It Ann Arbor. Chris DeMars | @saltnburnem
9. About Me! I love tattoos. I love horror! Co-organizer for the Ann Arbor Accessibility Group Microsoft Community Contributor Teacher, assistant, and speaker for Girl Develop It Ann Arbor. I live in Detroit. Chris DeMars | @saltnburnem
10. Chris DeMars | @saltnburnem 4 “Web accessibility means that people with disabilities can use the Web.” https://www.w3.org/WAI/intro/accessibility.php
11. Chris DeMars | @saltnburnem 5 20% 80% No Disabilities Disabilties Percentage of people with disabilities.
12. Chris DeMars | @saltnburnem 6 Types of Disabilities " Hearing Vision Cognitive Mobility Temporary
13. Chris DeMars | @saltnburnem 7 Types of Disabilities
14. Chris DeMars | @saltnburnem 8 Types of Disabilities
15. Chris DeMars | @saltnburnem 9 Types of Disabilities
16. Chris DeMars | @saltnburnem 10 Types of Disabilities
17. Chris DeMars | @saltnburnem 11 Types of Disabilities
18. Chris DeMars | @saltnburnem 12
19. Chris DeMars | @saltnburnem 13 <img src=“yourimage.svg” alt=“This is your image.” >
20. Chris DeMars | @saltnburnem 14
21. Chris DeMars | @saltnburnem 15 Screen Readers
22. Chris DeMars | @saltnburnem 16 Braille Machine
23. Chris DeMars | @saltnburnem 17 Sip-N-Puff Machines
24. Chris DeMars | @saltnburnem 18
25. Chris DeMars | @saltnburnem 19
26. Chris DeMars | @saltnburnem 20
27. 21 Consider all disabilities. Easy Wins Semantic HTML Image alt attributes Aria labels Test in screen readers and remember other devices. Run audits on your code. Chris DeMars @saltnburnem |