Accessibility for Digital In-Gallery Experiences

A talk given at the Museum Computer Network Conference in Denver in November 2018

Transcript

1. Accessibility for Digital In-Gallery Experiences CHRISTINA DEEMER, INTERACTIVE DEVELOPER @CAHDEEMER NOVEMBER 15, 2018
2. About Me @cahdeemer MCN 2018 02 Former fundraiser and arts manager ‒ Performing arts & special collections libraries ‒ Raised ~$5M/year Retrained to become a web developer ‒ Certificate in web design & development from the University of the Arts 4 years as a developer at Interactive Mechanics ‒ Lead dev on several projects ‒ Co-created fellowship program ‒ Accessibility committee chair @cahdeemer #gallerya11y
3. Agenda for today MCN 2018 03 Accessibility 101 A11y Guidelines for Digital Interactives ‒ Web Content Accessibility Guidelines (WCAG) ‒ Looking outside the WCAG box ‒ Takeaways from Christina's guidelines Case Study: National 9/11 Memorial and Museum @cahdeemer #gallerya11y
4. Accessibility 101 MCN 2018 04
5. Defining accessibility MCN 2018 05 Easy to: • Approach • Reach • Enter • Speak with • Use @cahdeemer #gallerya11y
6. Defining accessibility re: technology MCN 2018 06 Products and services that people with disabilities can: • Perceive • Understand • Navigate • Interact with @cahdeemer #gallerya11y
7. Types of disabilities MCN 2018 07
8. Types of disabilities MCN 2018 08 @cahdeemer #gallerya11y
9. Population of the United States with a disability MCN 2018 09 @cahdeemer #gallerya11y
10. 57% likely to benefit from accessibility features MCN 2018 010 @cahdeemer #gallerya11y
11. Accessibility is not about outliers or edge cases Accessibility is about serving your core audience Accessibility is about doing the right thing MCN 2018 011 @cahdeemer #gallerya11y
12. Web Content Accessibility Guidelines MCN 2018 012
13. MCN 2018 013 @cahdeemer #gallerya11y
14. Pain Points MCN 2018 014
15. MCN 2018 015 @cahdeemer #gallerya11y
16. Looking outside the WCAG Box MCN 2018 016
17. MCN 2018 017 @cahdeemer #gallerya11y
18. MCN 2018 018
19. MCN 2018 In-gallery digital interactives & self-service kiosks 019 • Rigid user flow • Presenter controls device and physical environment • User has limited control over settings • Optional part of the experience @cahdeemer #gallerya11y User Flow path a user takes through an application to complete a task
20. MCN 2018 2010 ADA Standards for Accessible Design 020 • https://www.ada.gov/2010ADAstandards_index.html • Details re: ATMs, interactive transaction machines, fare machines • Details re: min/max height of interactive touch points ‒ 48 inches (obstructed or an obstruction < 20 inches) ‒ 44 inches (obstruction between 20 – 25 inches) @cahdeemer #gallerya11y
21. MCN 2018 021 @cahdeemer #gallerya11y
22. MCN 2018 In-gallery digital interactives & console games 022 • Rigid user flow • Creative User Interface (UI) elements • User has limited control over settings • Timing can be an issue @cahdeemer #gallerya11y
23. Lots of resources related to gaming MCN 2018 023 http://www.includification.com/ http://gameaccessibilityguidelines.com/ https://ablegamers.org/ @cahdeemer #gallerya11y
24. How we actually created the guidelines MCN 2018 024 User-Testing Findings @cahdeemer #gallerya11y
25. Guideline takeaways MCN 2018 025
26. Help users understand where they are and where they're going MCN 2018 026 Home button Home button + Instructions Home button + Instructions + Progress Meter or Breadcrumbs @cahdeemer #gallerya11y
27. MCN 2018 27 @cahdeemer #gallerya11y
28. Help users interact with your technology comfortably MCN 2018 028 Meet ADA requirements Meet ADA requirements + Mimic 1 assistive technology + Simple gestures Meet ADA requirements + Mimic >1 assistive technology + Simple gestures @cahdeemer #gallerya11y
29. MCN 2018 29 @cahdeemer #gallerya11y
30. Help users have fun by letting them control timing MCN 2018 030 Dismiss prompts on user action Dismiss prompts on user action + Ask user before reset Dismiss prompts on user action + Ask user before reset + Difficulty levels for timed tasks @cahdeemer #gallerya11y
31. MCN 2018 31 @cahdeemer #gallerya11y
32. Help users play with confidence MCN 2018 032 Min target size of 90px Min target size of 90px + Distinguish interactive elements Min target size of 90px + Distinguish interactive elements + Controls & menu items consistent & stationary
33. MCN 2018 33 @cahdeemer #gallerya11y
34. Case Study: National September 11 Memorial & Museum MCN 2018 034
35. MCN 2018 35 @cahdeemer #gallerya11y
36. MCN 2018 Project goals 036 1. Use universal design principles 2. Integrate screen-reader mode 3. Incorporate multilingual support 4. Accommodate various types of users @cahdeemer #gallerya11y
37. MCN 2018 37 @cahdeemer #gallerya11y
38. MCN 2018 38 "Become a part of history. There are many ways to experience the 9/11 attacks and 1993 bombing. We welcome you to join the discussion by making a video recording sharing your perspective. "Double tap the bottom right corner of the screen to continue. "Double tap the bottom left corner of the screen to go back to the welcome screen." @cahdeemer #gallerya11y
39. MCN 2018 39 @cahdeemer #gallerya11y
40. MCN 2018 40 Where were you during 9/11 or the ‘93 bombing? "I was not alive yet." "Somewhere internationally." Would you like to talk about how these attacks continue to impact you today? "Here are some other topics to talk about." @cahdeemer #gallerya11y
41. What's next? MCN 2018 041
42. MCN 2018 042 @cahdeemer #gallerya11y
43. Thank you! Christina Deemer @cahdeemer MCN 2018 043