How to ship accessible web products
1 like1,541 views
This document provides tips for shipping accessible web products. It discusses: 1) Accessibility needs to be done differently in different organizations, either through a "done is better than perfect" or "all stars must align" model. 2) Accessibility is everyone's job throughout the product development lifecycle, not just developers. 3) Companies should start with high impact, easy wins like adding labels and improving keyboard navigation rather than harder or lower impact items. 4) Set clear expectations about what can realistically be achieved regarding compliance standards rather than promising more than is possible. 5) Accessibility initiatives should piggyback on other projects rather than working in isolation.
How to ship accessible web products
- 1. goodwally.ca ! @good_wally How to ship accessible web products with George Zamfirwith George Zamfir george@goodwally.ca #webu14 #a11y
- 2. goodwally.ca ! @good_wally Toronto Accessibility and Inclusive Design - meetup.com/a11yTO Toronto Accessibility Camp - accessibilitycampto.org (Sept 27, 2014) Accessibility solutioneer at Good Wally - goodwally.ca Accessibility consultant at Scotiabank Accessibility specialist at Facebook How to ship accessible web products with George Zamfir
- 3. Ship accessible web products Accessibility is about disability, riiiight? Visual low vision, colour-blindness, blindness Screen magnifiers, text-to-speech, refreshable braille ! Auditory hearing loss, deafness Captions & transcripts, haptic feedback ! Mobility dexterity, strength, loss of limb Speech-to-text, alternative input hardware ! Cognitive & Speech dyslexia, ADD, lack of skills Word prediction, augmentative devices (hear & see)
- 4. Assistive Technology: VoiceOver on Mac
- 6. Assistive Technology: Dragon Naturally Speaking
- 9. Sorry dude, cant buy coffee here. It doesnt work on you
- 10. Blind people dont buy cameras. So, we dont make our commerce website accessible
- 11. Cut the green wire!!! Which one is that, Im colour-blind ign.com/articles/2014/07/14/50-shades-of-game-gaming-with-colour- blindness
- 12. dl.acm.org/citation.cfm?id=2557415 facebook.com/publications/1377160169199742 Study: visually impaired people on Facebook
- 13. AODA - WCAG 2 Accessibility for Ontarians with Disabilities Act
- 14. Ship accessible web products AODA - Accessibility for Ontarians with Disabilities Act Integrated Accessibility Standards Regulation ontario.ca/accessON5 Accessibility Standards Customer Service Information & Communications Employment Transportation Built Environment (not law yet)
- 15. Ship accessible web products AODA - Accessibility for Ontarians with Disabilities Act ontario.ca/aodawizard
- 16. Ship accessible web products WCAG 2 - guidelines 101 w3.org/WAI/intro/wcag w3.org/WAI/WCAG20/quickref
- 17. Principle Guidelines w3.org/TR/WCAG20/#keyboard-operation ! w3.org/2009/cheatsheet/#wcag2 WCAG 2
- 18. Top 5 tips for shipping accessible web products
- 19. 1/ Accessibility gets done differently in different places done is better than perfect model all stars have to align model
- 20. New architecture for Fb iOS app bit.ly/fb_ios_arch
- 21. 1/ Accessibility gets done differently in different places Myth: developers dont like it / dont want to do it
- 22. 2/ Accessibility is everyones job
- 23. 2/ Accessibility is everyones job By Denis Boudreau: accessibiliteweb.com/presentations/2011/csun/a11y-lifecycle
- 25. Mistake: mixing of roles 2/ Accessibility is everyones job
- 26. Misconception: accessibility is hard 2/ Accessibility is everyones job
- 27. 3/ Start with high impact, easy wins
- 28. Ship accessible web products add labels to form fields make navigation menus keyboard accessible improve the semantic structure of your markup replace the grey text on grey backgrounds 3/ Start with high impact, easy wins
- 29. Mistake: starting with the hardest or low impact things OR both
- 30. 4/ Set expectations & be realistic about the resolve "We can make it accessible. And WCAG 2 AAAA compliant. And Section 508. W3C-validated. And ponies.
- 31. 4/ Set expectations & be realistic about the resolve Mistake: well just do it in phase 2
- 32. 5/ Dont be afraid to piggyback on other initiatives
- 33. 5/ Dont be afraid to piggyback on other initiatives Mistake: a11y working in isolation
- 35. goodwally.ca ! @good_wally Thank You!