Top Banner

Click here to load reader

Selfish Accessibility for Global Accessibility Awareness Day

Aug 03, 2015

ReportDownload

Technology

1. Selfish Accessibility Presented by Adrian Roselli for Inclusive Design 24 #ID24 #ID24 2. About Adrian Roselli Co-written four books. Technical editor for two books. Written over fifty articles, most recently for .net Magazine and Web Standards Sherpa. Great bedtime reading! #ID24 3. About Adrian Roselli Member of W3C HTML Working Group, W3C Accessibility Task Force, five W3C Community Groups. Building for the web since 1994. Founder, owner at Algonquin (aHealthTech.com). Learn more at AdrianRoselli.com. Avoid on Twitter @aardrian. I warned you. #ID24 4. What is a11y? A numeronym for accessibility: The first and last letter (accessibility), The number of characters omitted (a11y). Prominent on Twitter (character restrictions): #a11y Examples: l10n localization i18n internationalization Aint language funsies? #ID24 5. Accessibility Gets No Respect In fairness, Sherwin Williams needs to come up with a lot of color names... Cyberspace (gray) Online (blue) Lime Rickey (green) #ID24 6. Accessibility Gets No Respect however I think the team could have done better than this. #ID24 7. What Well Cover Yay Statistics! Be Selfish Some Techniques Basic Tests Technical Bits Resources Work with me, people. #ID24 8. Yay Statistics! 1 of 5 sections. #ID24 9. Any Disability In the United States: 10.4% aged 21-64 years old, 25% aged 65-74 years old, 50% aged 75+. Includes: Visual Hearing Mobility Cognitive http://www.who.int/mediacentre/factsheets/fs282/en/ http://www.disabilitystatistics.org/reports/2012/English/HTML/report2012.cfm?fips=2000000&html_year=2012 #ID24 10. Vision Impairments 285 million worldwide: 39 million are blind, 246 million have low vision, 82% of people living with blindness are aged 50 and above. 1.8% of Americans aged 21-64. 4.0% of Americans aged 65-74. 9.8% of Americans aged 75+. http://www.who.int/mediacentre/factsheets/fs282/en/ http://www.disabilitystatistics.org/reports/2012/English/HTML/report2012.cfm?fips=2000000&html_year=2012 #ID24 11. Hearing Impairments 360 million people worldwide have disabling hearing loss. 17% (36 million) of American adults report some degree of hearing loss: 18% aged 45-64 years old, 30% aged 65-74 years old, 47% aged 75+ years old. http://www.who.int/mediacentre/factsheets/fs300/en/ https://www.nidcd.nih.gov/health/statistics/Pages/quick.aspx #ID24 12. Mobility Impairments In the United States: 5.5% aged 21-64 years old. 15.6% aged 65-74 years old. 32.9% aged 75+. http://www.disabilitystatistics.org/reports/2012/English/HTML/report2012.cfm?fips=2000000&html_year=2012 #ID24 13. Cognitive Impairments Dyslexia, Dyscalculia, Memory issues, Distractions (ADD, ADHD), In the United States: 4.3% aged 21-64 years old. 5.4% aged 65-74 years old. 14.4% aged 75+. http://www.disabilitystatistics.org/reports/2012/English/HTML/report2012.cfm?fips=2000000&html_year=2012&subButton=Get+HTML #ID24 14. Be Selfish 2 of 5 sections. #ID24 15. WebAIMs Hierarchy for Motivating Accessibility Change http://webaim.org/blog/motivating-accessibility-change/ #ID24 16. My Hierarchy for Motivating Accessibility Change Is better, no? #ID24 17. Getting Older Affects (nearly) everyone, Carries risks and side effects, Is not for the young. Im still experimenting with it. #ID24 18. Rising Damp on Flickr. #ID24 19. Darren Baldwin on Flickr. #ID24 20. Accidents Broken limbs, Eye injuries, Hearing injuries, Head trauma. All of these have happened to me, multiple times. #ID24 21. Rev Stan on Flickr. #ID24 22. Let Ideas Compete on Flickr. #ID24 23. Fluffy Steve on Flickr. #ID24 24. Paul Townsend on Flickr. #ID24 25. But Im Invincible! Multi-tasking, Sunlight, Eating at your desk, No headphones handy, Content is not in your native language. The sun is trying to kill me. #ID24 26. https://twitter.com/aardrian/statuses/388733408576159744 #ID24 27. Marille on Flickr. #ID24 28. barockschloss on Flickr. #ID24 29. Seb on Flickr. #ID24 30. A.Davy on Flickr. #ID24 31. Steve Rhodes on Flickr. #ID24 32. SuperFantastic on Flickr. #ID24 33. World Bank Photo Collection on Flickr. #ID24 34. Lars Kristian Flem on Flickr. #ID24 35. Tech Support Think of your family! Think of your time spent helping them! Think of the wasted holidays! This is why we hate the holidays. #ID24 36. Robert Simmons on Flickr. #ID24 37. The Message Supporting accessibility now helps to serve future you. Do or do not. #ID24 38. The Message Supporting accessibility now helps to serve future you. Supporting accessibility now helps injured you, encumbered you. There is no try. #ID24 39. The Message Supporting accessibility now helps to serve future you. Supporting accessibility now helps injured you, encumbered you. Getting younger developers to buy in helps future you if you teach them well. Always pass on what you have learned. #ID24 40. Checklist Accessibility is not a checklist. http://accessibility.net.nz/blog/the-problems-with-ramps-blended-into-stairs/ #ID24 41. Stairamp Dean Bouchard on Flickrhttp://accessibility.net.nz/blog/the-problems-with-ramps-blended-into-stairs/ #ID24 42. Checklist Accessibility is not a checklist. Accessibility is an ongoing process. https://twitter.com/vavroom/status/571092086365261824 #ID24 43. Maintenance Nicolas Steenhouthttps://twitter.com/vavroom/status/571092086365261824 Wheelchair ramp at pharmacy not only hasnt been cleared of snow but has 2 potted trees to ensure nobody can pass. #ID24 44. Some Techniques 3 of 5 sections. #ID24 45. User Stories Components: User, Outcome, Value. Writing: As user, I want outcome. As user, I want outcome so that value. In order to get value as user, I want outcome. How to Write User Stories for Web Accessibility #ID24 46. Selfish User Stories As a user on a sun-lit patio, I want to be able to read the content and see the controls. Add beer and as a user I may have trouble focusing. #ID24 47. Selfish User Stories As a user in bed with a sleeping spouse, I want to watch a training video in silence so that I can get caught up at work. As a user who doesnt want to get punched for having slacked off at work. #ID24 48. Selfish User Stories In order to click links as a user with no elbow room in coach class with a tiny trackpad, I want click areas to be large enough and adequately spaced. As a user in coach class who also paid too much for the drink hes spilling on his keyboard. #ID24 49. Selfish User Stories As a user distracted by the TV, I want clear headings and labels so that I dont lose my place. As a user who really should be finishing his work in the office. #ID24 50. User Stories Physical Impairment As a keyboard-only user, I want to be able to use the entire application. This includes seeing what has focus and not getting lost in off-screen elements. #ID24 51. User Stories Physical Impairment As a keyboard-only user, I want to be able to use the entire application. As a keyboard-only user, I want to navigate a product list with the tab key so that I can find the right option. Arrow keys are acceptable as well, making sure that it is clear to the user. #ID24 52. User Stories Physical Impairment As a keyboard-only user, I want to be able to use the entire application. As a keyboard-only user, I want to navigate a product list with the tab key so that I can find the right option. In order to click links as a limited-mobility user, I want click areas to be large enough and adequately spaced. Else I may click the wrong item and have to hit the back button, which can be time consuming. #ID24 53. User Stories Visual Impairment As a color blind user, I want to be able to see links in page content. Underlines are important, but users also like to know what they clicked already. #ID24 54. User Stories Visual Impairment As a color blind user, I want to be able to see links in page content. As a low-vision user, I want to zoom the page so that I can read the content. Without the text overlapping itself or every other item on the page. #ID24 55. User Stories Visual Impairment As a color blind user, I want to be able to see links in page content. As a low-vision user, I want to zoom the page so that I can read the content. In order to use the site as a blind user, I want to use a screen reader to navigate. Good headings, clear structure, landmark roles to jump around the page. #ID24 56. User Stories Hearing Impairment As a low-hearing user, I want to be able to access transcripts. From a clear link, not through some acrobatics to find them. #ID24 57. User Stories Hearing Impairment As a low-hearing user, I want to be able to access transcripts. As a low-hearing user, I want access to closed captions so that I can use training videos. Timed to match the video is important. #ID24 58. User Stories Hearing Impairment As a low-hearing user, I want to be able to access transcripts. As a low-hearing user, I want access to closed captions so that I can use training videos. In order to participate in a webinar as a deaf user, I want real-time captioning or transcripts. This can be tricky, since youll need to have a resource typing in real-time. #ID24 59. User Stories Cognitive Impairment As a user with a vestibular disorder, I want to be able to disable parallax scrolling. But you dont just use it for no reason, right? #ID24 60. User Stories Cognitive Impairment As a user with a vestibular disorder, I want to be able to disable parallax scrolling. As a user with dyscalculia, I want distinct number fields for each block of digits in a credit card number so that I can purchase a product. You can auto-detect card type. Do the same for expiration date. #ID24 61. User Stories Cognitive Impairment As a user with a vestib