Inclusive Design – How Addressing Accessibility Benefits Everyone

Nearly one in five people have a disability in the U.S. That means your inaccessible website may be excluding 56.7 million people! Organizations are prioritizing accessibility now more than ever because inclusive design benefits everyone (bonus: it’s great for SEO). During this session, you’ll hear how the MacArthur Foundation rebuilt their website to maximize access for people with disabilities and created an accessibility guide for grantees. Join a conversation with an accessibility expert, designer, and project manager to get deep insights on what accessibility is, how it shapes design, and how you can begin addressing accessibility on your website.

Learning Outcomes
- Gain a greater understanding of accessibility and how it shapes design.
- Understand how to begin addressing accessibility your website – guide included!
- Obtain real-life insights on the process of redesigning and making a website accessible.

Transcript

1. Inclusive Design #19NTCInclusiveDesign • March 13, 2019 How addressing accessibility benefits everyone
2. #19NTCInclusiveDesign Presenters James Kinser (he, him, they) Cyndi Rowland, PhD (she, her) Courtney Clark (she, her) jkinser@macfound.org Senior Associate, Digital Communications MacArthur Foundation cyndi.rowland@usu.edu Executive Director WebAIM Utah State University cclark@forumone.com Vice President, Design Forum One
3. #19NTCInclusiveDesign Who’s in the room? 1. I don't really know much about it. 2. I know about it but don't really know what to do. 3. I know about it and try to include a few tips in what I do. 4. I am VERY familiar and create accessibily.
4. #19NTCInclusiveDesign Our plan today 1. What is accessibility? 2. Why is it important to the nonprofit world and how are they doing? 3. What is the MacArthur Foundation doing to address it? 4. How can you address accessibility?
5. #19NTCInclusiveDesign 1. What is accessibility?
6. #19NTCInclusiveDesign Physical Accessibility Examples
7. #19NTCInclusiveDesign Accessibility for the built (and digital!) environment
8. #19NTCInclusiveDesign Groups we’re talking about Vision • Blind • Low vision • Color blind Cognitive processing • Some with Learning disabilities • Head injury (e.g., TBI) • Dementia or Alzheimer's • Some mental health issues (e.g., PTSD) Hearing • Deaf • Hard of Hearing Fine motor tasks • Para or quadriplegia • Cerebral Palsy • Repetitive motion issues • Some neurologic conditions (Tremors, spasticity, weakness) Seizures • Photoepilepsy
9. Web Accessibility Essential for some. Useful for all.
10. #19NTCInclusiveDesign 2. Why is accessibility important for nonprofits?
11. #19NTCInclusiveDesign Prioritize Accessibility Living your mission Greater dissemination of your message and work Reaching the aging donor Legal issues
12. #19NTCInclusiveDesign How are nonprofits doing on accessibility?
13. #19NTCInclusiveDesign 97% nonprofit homepages with accessibility errors
14. #19NTCInclusiveDesign 3. What did the MacArthur Foundation do?
15. Julia Stasch becomes MacArthur's fifth President in July 2015. She streamlines grantmaking for a greater sense of urgency, more focus, and enhanced impact in addressing some of the world's most challenging social problems. Julia Stasch
17. #19NTCInclusiveDesign 2016 2017 2018 2019 Our Accessibility Journey 2016 Commitment & Scan 1. Independent developer scan 2. Big Bets & initial design system 3. Commitment to WCAG 2.0 AA
18. #19NTCInclusiveDesign Four Principles of Accessibility Perceivable It can’t be invisible to all of their senses. Audio has captions. Text has enough contrast. The interface cannot require interaction the user cannot perform. Content is accessible by keyboard. The content or operation cannot be beyond their understanding. Design is structured and content makes sense. Content remains accessible as technologies evolve. It works on all browsers and applications. Operable Understandable Robust WCAG Principles 2.0 AA
19. #19NTCInclusiveDesign Discovery Workshop 2016
20. #19NTCInclusiveDesign Purposeful Design Goals What is the goal of this page? Why does it exist? Audience Who is the primary audience? Who must see this page? Action If people do one thing on this page, what is it?
21. #19NTCInclusiveDesign Accessibility Considerations 2016
22. #19NTCInclusiveDesign Brand Elements 2016
23. #19NTCInclusiveDesign Brand Extension 2016
24. #19NTCInclusiveDesign Homepage Before & After 2016
25. #19NTCInclusiveDesign 2016 2017 2018 2019 Our Accessibility Journey 2017 Phased Approach • Formal WebAIM scan & report • Phased redesign in progress
26. #19NTCInclusiveDesign Accessibility Review 2017
27. #19NTCInclusiveDesign Phased Work 2017
28. #19NTCInclusiveDesign Fellows Before & After 2017
29. #19NTCInclusiveDesign 2016 2017 2018 2019 Our Accessibility Journey 2018 Content Focus • Optimize content • Phased redesign “complete(?)”
30. #19NTCInclusiveDesign Our Accessibility Journey 2019 Testing & Extension • User testing • WebAIM grantee booklet • Follow-up scan 2016 2017 2018 2019
31. #19NTCInclusiveDesign Four Principles of Accessibility Perceivable It can’t be invisible to all of their senses. Audio has captions. Text has enough contrast. The interface cannot require interaction the user cannot perform. Content is accessible by keyboard. The content or operation cannot be beyond their understanding. Design is structured and content makes sense. Content remains accessible as technologies evolve. It works on all browsers and applications. Operable Understandable Robust WCAG Principles 2.0 AA P R O U
32. #19NTCInclusiveDesign Example of alternative text P R O U
33. #19NTCInclusiveDesign Tab-able content P R O U
34. #19NTCInclusiveDesign Contrast P R O U
35. #19NTCInclusiveDesign Improved layout P R O U Before After
36. #19NTCInclusiveDesign Grantee Accessibility Guide Summer 2019 1. CALL TO COMMIT Short Action Paper with a call to commit (What, Why) 2. RESOURCES Curated resources for support on your journey (How) jkinser@macfound.org
37. #19NTCInclusiveDesign 4. How can you get started?
38. 1. Increase accessibility awareness with your leadership Tips Share this presentation! Share Intro to Web Accessibility-WebAIM WAI Intro Webinar - Building Internal Support Level Access
39. 2. Increase your understanding of accessibility Tips Free Webinars Level Access 3PlayMedia Accessibility Training WebAIM Intro to Web Accessibility Web Accessibility Initiative
40. #19NTCInclusiveDesign WebAIM.org/Resources/Designers
41. 3. Scan your website with tools Tips Test a page WAVE WebAccessibility.com Run a contrast check
42. 4. Take responsibility for your work products (Word docs, PDFs, Videos, HTML) Tips Document Accessibility Course WebAIM Creating Accessible PDFs Lynda.com Cheatsheets NCDAE Section 508 & Tips Forum One
43. #19NTCInclusiveDesign Questions & Answers
44. Final Thoughts ➔ Start at any level Educate yourself with resources and workshops. ➔ The more you know, the better off you are Accessibility doesn’t have to be scary. ➔ Accessibility is critical Look for opportunities to live your organization’s mission.
45. #19NTCInclusiveDesign Presenters James Kinser (he, him, they) Cyndi Rowland, PhD (she, her) Courtney Clark (she, her) jkinser@macfound.org Senior Associate, Digital Communications MacArthur Foundation cyndi.rowland@usu.edu Executive Director WebAIM Utah State University cclark@forumone.com Vice President, Design Forum One