Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Building Accessibility into an Agile Environment

25 views

Published on

Recording of Natalie Austin, Ginny Yahnke, and Carissa Merrill (US Bank) presenting at Twin Cities Product Conf 2019.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Building Accessibility into an Agile Environment

  1. 1. U.S. BANK A New Hope: Building Accessibility into an Agile Environment Presented by: Natalie Austin, Ginny Yahnke and Carissa Merrill
  2. 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
  3. 3. Accessibility ChallengesAccessibility Challenges
  4. 4. 4U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Myths “Digital accessibility is a one-time only task just for developers” Myth #1
  5. 5. 5U.S. BANK | U.S. BANK | Define Reqs. Design Where Accessiblity Typically Lives A11Y Considerations Develop Test
  6. 6. 6U.S. BANK | U.S. BANK | Accessibility Fails
  7. 7. 7U.S. BANK | U.S. BANK | Accessibility Fails
  8. 8. 8U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Myths “Digital accessibility is too costly" Myth #2
  9. 9. 9U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Costs
  10. 10. 10U.S. BANK CONFIDENTIAL | U.S. BANK | Accessibility Myths “Digital accessibility only impacts a small number of users” Myth #3
  11. 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. 12. 12U.S. BANK | U.S. BANK | Define Reqs. Design The Shift Left Approach A11Y Considerations Develop Test
  13. 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
  14. 14. Design Thinking & Accessibility
  15. 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. 16. Design thinking
  17. 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. 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. 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. 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. 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. 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. 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. 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. 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. 26. Accessibility at U.S. Bank
  27. 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. 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. 29. 29U.S. BANK CONFIDENTIAL | U.S. BANK | UX Design Process
  30. 30. 30U.S. BANK CONFIDENTIAL | U.S. BANK | Content Review
  31. 31. Experience Architect Considerations
  32. 32. 32U.S. BANK CONFIDENTIAL | U.S. BANK | Visual Design Considerations
  33. 33. 33U.S. BANK CONFIDENTIAL | U.S. BANK | UX Design Process
  34. 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. 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. 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!

×