From Developer to A11y

Accessibility talk from jQuerySF 2015

Transcript

1. From Developer to A11y Accessibility for Developers
2. Jon Kuperman @jkup
3. Web accessibility means that people with disabilities can use the Web.
4. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web.
5. My Story
10. Types of Disabilities • Attention-Deficit/Hyperactivity Disorders • Blindness or Low Vision • Brain Injuries • Deaf/Hard-of-Hearing • Learning Disabilities • Physical Disabilities • Speech and Language Disabilities Johns Hopkins University
11. So Many Ways To Browse The Web Mouth Sticks Screen Readers Magnification Keyboard shortcuts
12. Keyboard Only
13. Head Wand and Mouthstick
14. Single Switch
15. Screen Reader
16. Supporting • Alternate Text • Semantic Markup • ARIA • Keyboard Shortcuts All Users Requires:
17. Keyboard shortcuts
18. Twitter
19. Facebook
21. TOOLS For Accessibility Testing
22. Chrome Extension
25. Tenon.io
31. Accessible Color Palette
40. JavaScript Frameworks
43. WAI and WCAG Web Accessibility Initiative Web Content Accessibility Guidelines
44. WAI publishes WCAG Web Accessibility Initiative Web Content Accessibility Guidelines
45. The Web is Already Accessible even if your website is not
48. Why • We’re making it inaccessible • Human Rights • Legal Issue • Reach a larger audience Developers should care
49. 3 Things You Can Do Right Now 1. Audit your site 2. Check your color scheme 3. Join the community! @jkup