Building Accessibility into an Agile Environment
0 likes359 views
The document discusses accessibility challenges and myths related to digital accessibility at U.S. Bank, emphasizing the importance of integrating accessibility into the design and development process. It highlights the significant number of individuals impacted by disabilities and outlines guidelines and best practices for creating accessible digital content. The presentation advocates for a shift to a more inclusive approach in software design, ensuring that accessibility becomes a core value rather than an afterthought.
Building Accessibility into an Agile Environment
- 1. U.S. BANK A New Hope: Building Accessibility into an Agile Environment Presented by: Natalie Austin, Ginny Yahnke and Carissa Merrill
- 2. 2U.S. BANK CONFIDENTIAL | U.S. BANK | Natalie Austin www.linkedin.com/in/nata11yaustin Ginny Yahnke www.linkedin.com/in/ginnyyahnke Carissa Merrill @merrillcarissa www.linkedin.com/in/carissammerrill About Us
- 4. 4U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Myths “Digital accessibility is a one-time only task just for developers” Myth #1
- 5. 5U.S. BANK | U.S. BANK | Define Reqs. Design Where Accessiblity Typically Lives A11Y Considerations Develop Test
- 6. 6U.S. BANK | U.S. BANK | Accessibility Fails
- 7. 7U.S. BANK | U.S. BANK | Accessibility Fails
- 8. 8U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Myths “Digital accessibility is too costly" Myth #2
- 9. 9U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Costs
- 10. 10U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Myths “Digital accessibility only impacts a small number of users” Myth #3
- 11. 11U.S. BANK CONFIDENTIAL | U.S. BANK | Who Accessibility Impacts •20.9 million have an ambulatory disability (6.9%) •15.3 million have a cognitive disability (5.1%) •11.5 million have a hearing impairment (3.6%) •7.5 million have a vision impairment (2.4%)
- 12. 12U.S. BANK | U.S. BANK | Define Reqs. Design The Shift Left Approach A11Y Considerations Develop Test
- 13. 13U.S. BANK CONFIDENTIAL | U.S. BANK | The Shift Left Approach Define A11Y reqs. early Design with A11Y in mind Reiterate considerations Drive down A11Y Costs
- 15. 15U.S. BANK CONFIDENTIAL | U.S. BANK | “As designers and developers of software, we act as gatekeepers in people’s lives more than we realize. When done right, our software could be the difference between someone with a disability living an independent, productive life, or needing outside help to complete a task, including at their job. ” – Marcy Sutton Design thinking
- 16. Design thinking
- 17. 17U.S. BANK CONFIDENTIAL | U.S. BANK | Covers a wide range of recommendations for making the Web more accessible. Web Content Accessibility Guidelines (WCAG) Perceivable Operable Understandable Robust
- 18. 18U.S. BANK CONFIDENTIAL | U.S. BANK | POUR Guidelines - Perceivable Information and user interface components must be presented to users in ways they can perceive. Web Content Accessibility Guidelines (WCAG)
- 19. 19U.S. BANK CONFIDENTIAL | U.S. BANK | POUR Guidelines - Operable Web Content Accessibility Guidelines (WCAG) Users must be able to operate the interface. Drag and drop functionality is difficult for visually impaired people or those with motor difficulties.
- 20. 20U.S. BANK CONFIDENTIAL | U.S. BANK | POUR Guidelines - Understandable Information and the operation of user interface must be understandable. Eliminate the use of acronyms and jargon. Web Content Accessibility Guidelines (WCAG)
- 21. 21U.S. BANK CONFIDENTIAL | U.S. BANK | POUR Guidelines - Robust Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies. Web Content Accessibility Guidelines (WCAG)
- 22. 22U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Design Basics ü Plan Heading Structure Early ü Consider Reading Order ü Use Tables for Tabular Data ü Use Native HTML
- 23. 23U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Design Basics üProvide Good Contrast üUse True Text Fonts üWatch the Use of CAPS üUse Adequate Font Size üRemember Line Length
- 24. 24U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Design Basics üMake Sure Links are Recognizable üDesign Link Focus Indicators üDesign a "Skip to Main Content" Link üEnsure Link Text Makes Sense on Its Own
- 25. 25U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Design Basics üUse Animation, Video, and Audio Carefully üDon't Convey Content with Color Alone üDesign Accessible Form Controls
- 26. Accessibility at U.S. Bank
- 27. 27U.S. BANK CONFIDENTIAL | U.S. BANK | We do the right thing. We power potential. We stay a step ahead. We draw strength from diversity. We put people first. Accessibility + Core Values We invest our hearts and minds to power human potential. https://hbr.org/2016/11/why-diverse-teams-are-smarter
- 28. 28U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Principles ü Accessibility is a practice and a process ü Starting somewhere is better than doing nothing. ü Focus on better, not perfect ü Adapt and apply knowledge ü Focus on impact
- 29. 29U.S. BANK CONFIDENTIAL | U.S. BANK | UX Design Process
- 30. 30U.S. BANK CONFIDENTIAL | U.S. BANK | Content Review
- 32. 32U.S. BANK CONFIDENTIAL | U.S. BANK | Visual Design Considerations
- 33. 33U.S. BANK CONFIDENTIAL | U.S. BANK | UX Design Process
- 34. 34U.S. BANK CONFIDENTIAL | U.S. BANK | People in the Product ü Shift accessibility left ü Build empathy, identify Champions ü Design inclusively ü Start now and focus on improving ü Diversify teams: design, development, testing
- 35. 35U.S. BANK CONFIDENTIAL | U.S. BANK | Resources Web Content Accessibility Guidelines (WCAG 2.1) W3.org/TR/WCAG21 Web Accessibility in Mind (WebAIM) Webaim.org Twin Cities A11Y Meetup Meetup.com/Accessibility-Twin-Cities Next meetup: WCAG 2.1 Primer Monday, May 20 #A11Y @MarcySutton @SteveFaulkner @KarlGroves @DerekFeatherstone @Jared_w_smith
- 36. 36U.S. BANK CONFIDENTIAL | U.S. BANK | Natalie Austin linkedin.com/in/nata11yaustin Ginny Yahnke linkedin.com/in/ginnyyahnke Carissa Merrill @merrillcarissa linkedin.com/in/carissammerrill Questions and thank you!