Building Bridges Not Walls: An Approach to Web Accessibility

Transcript

1. Building BRidges NOT WALLS: AN Approach To web Accessibility ASHLEY JEAN
2. Hello! 2 @AshhJean
3. 3 @AshhJean
4. Talk objectives 1. Reasons for accessibility 2. Creating a roadmap 3. Key lessons learned 4. How to start 4 @AshhJean
5. 5 Reasons WhY? @AshhJean
6. Reason #1: Based on evolving industry standards, accessibility can no longer be optional. It needs be a requirement 6 @AshhJean
7. Reason #2: Universal Design Principles 7 @AshhJean
8. 8 @AshhJean
9. 9 Source: http://li129-107.members.linode.com/accessibility/design/accessible-print-design/effec tive-color-contrast/ @AshhJean
10. Reason #3: Future of the web depends on it 10 @AshhJean
11. 11 One billion people live with disabilities Source: https://www.worldbank.org/en/topic/disability @AshhJean
12. 12 $21 billion of discretionary income Source: https://www.air.org/resource/hidden-market-purchasing-power-working-age-adults-disabilities @AshhJean
13. 13 Access to information is a human right @AshhJean Source: https://www.un.org/disabilities/documents/convention/convoptprot-e.pdf
14. Reason #4: Allows for the development of new skills 14 @AshhJean
15. 15 @AshhJean
16. 16 @AshhJean
17. 17 @AshhJean Testing Tools? Principles Books on Accessibility Top Things to Consider with Accessibility How to start with Accessibility ? Google Lighthouse Tools Aria labels Tab Only Users Blogs W3C Standards ? ? ? ? ? ? ?
18. 18 @AshhJean
19. 19 @AshhJean
20. 20 @AshhJean
21. 21 @AshhJean
22. 22 Defining the Product Scope e.g., Entire application? Or specific features? @AshhJean
23. Who are the target audiences for your product? Source: Accessibility for Everyone (Laura Kalberg) 23 @AshhJean
24. How can accessibility be integrated during production? 24 Source: Accessibility for Everyone (Laura Kalberg) @AshhJean
25. Which target platforms? 25 Source: Accessibility for Everyone (Laura Kalberg) @AshhJean
26. 26 RESEARCH E.g., Accessibility principles, components, best practices, tools, real users, etc. @AshhJean
27. 27 TESTING STRATEGIES E.g., Contact organizations, manual testing, focused groups, etc @AshhJean
28. 28 TESTING E.g., How will you test, which tools, creating a CI build, etc @AshhJean
29. 29 implementation E.g., start with small wins @AshhJean
30. 30 Circle back E.g., Does it align with the goals, priorities, and motivations? @AshhJean
31. 31 @AshhJean Product Scope Research Testing Strategies Testing Implement Circle Back
32. 32 @AshhJean + =
33. 33 @AshhJean LESSONS LEARNED!
34. LESSON #1: Highlight examples of use case scenarios and features 34 @AshhJean
35. 35 Source: Intro to ARIA -- A11ycasts #13 https://www.youtube.com/watch?v=g9Qff0b-lHk&t=323s @AshhJean
36. LESSON #2: Stick to one objective at a time 36 @AshhJean
37. 37 @AshhJean Product Scope Research Testing Strategies Testing Implement Circle Back
38. LESSON #3: The plan is subject to change 38 @AshhJean
39. LESSON #4: Strategically utilize external references 39 @AshhJean
40. 40 #a11y
41. 41 Source: https://a11yproject.com/about
43. 43 Next Steps to take starting Monday @AshhJean
44. NEXT STEPS 44 Initial plan phase • Gather team members • Brainstorm roadmap • Familiarize yourself with Accessibility core concepts • Start the cycle TALK ABOUT IT • Continue the conversation ◦ During Stand Up ◦ Watercooler Talk Prioritize • Think about Use Cases ◦ Look at specs or Audit Site • Look for Quick Wins/Simple start
49. Resources Docs/Guidelines: http://www.slidescarnival.com/ https://a11yproject.com/ https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&showtechniques=145%2C211#navigable https://developers.google.com/web/tools/lighthouse/ https://giphy.com/ Blogs/Stats: https://blog.danielna.com/2017/09/14/creating-an-accessibility-engineering-practice.html https://dev.to/maxwell_dev/the-web-accessibility-introduction-i-wish-i-had-4ope Source: https://www.accessibility-developer-guide.com/examples/sensible-aria-usage/label-labelledby/ https://www.w3.org/WAI/ER/tools/ https://www.air.org/system/files/downloads/report/Hidden-Market-Spending-Power-of-People-with-Disabilities-April-2018.pdf\ https://www.w3.org/WAI/videos/standards-and-benefits/ https://dev.to/maxwell_dev/the-web-accessibility-introduction-i-wish-i-had-4ope https://webdesign.tutsplus.com/articles/keyboard-accessibility-tips-using-html-and-css--cms-31966 https://www.washington.edu/doit/what-universal-design-0#header 49
50. Resources Books: Book: Accessibility for Everyone by Laura Kalbag Videos https://www.youtube.com/watch?v=A5XzoDT37iM&t=1697s https://www.youtube.com/watch?v=wkvslBGkhZY https://www.youtube.com/watch?v=TAzkrXTGEOM&t=813s https://www.codenewbie.org/podcast/intro-to-accessibility https://www.microsoft.com/en-us/accessibility 50
51. 51 Thanks! @ASHHJEAN