Accessibility for people with Invisible Disabilities

Ela Conference Slides - Erin Newby

Transcript

1. Accessibility for people with invisible disabilities @erin_newby @erin_newby
2. @erin_newby Define invisible disabilities Build a business case for accessibility Explain how designing for accessibility isn’t as hard as we think it is @erin_newby In this talk we’ll…
3. Erin Newby @erin_newby Product designer @ Nasdaq
4. @erin_newby What do you think of when you hear the word disability?
5. @erin_newby 1 - 5 Americans live with a disability
6. @erin_newby Invisible disability is a physical, mental, or neurological condition that limits a person’s movements, senses, or activity but is completely invisible to the onlooker
 “But you don’t look disabled!”
7. @erin_newby What does all this have to do with Accessibility?
8. @erin_newby Designing for Accessibility means designing for everyone
9. Building a business case for accessibility @erin_newby
10. @erin_newby Accessibility Complaints “Nobody ever really complains about accessibility” “Accessible sites don’t look as aesthetically pleasing ” “We’d like to make our site accessible but don’t know how” “Our target market doesn’t include anyone with disabilities”
11. @erin_newby Accessibility is the law By not making it accessible you’re promoting discrimination because by law everyone is allowed full and equal enjoyment of the goods, services, facilities, privileges, advantages, or accommodations of any place of public accommodation - and websites are private entities that are public accommodations
12. @erin_newby Products and services that are highly usable and accessible are often recommended
13. @erin_newby Innovation and Accessibility Typewriter?
14. @erin_newby Accessibility ≠ Intimidation
15. @erin_newby Building Blocks of Design Plain Language Clearly defined hierarchy Minimizing clutter and efficient use of whitespace Good color contrast
16. @erin_newby Patterns clearly communicate function and intent
17. @erin_newby Accessible Component Library is a collection of ui patterns/components that are used as reusable building blocks that makeup our products - but have built - in basic accessibility support
18. @erin_newby Basic Accessibility Attributes Semantic HTML Image Alt Attributes Title Tags Image Captions Correct Header tags Aria Attributes
19. @erin_newby Link Roundup https://learn-the-web.algonquindesign.ca/topics/accessibility- checklist/ https://webaim.org/articles/pour/ http://a11yproject.com/checklist.html http://clrs.cc/a11y/ https://www.w3.org/WAI/intro/accessibility.php
20. @erin_newby Resources Online https://invisibledisabilities.org/ http://www.bresslergroup.com/blog/how-design-for-accessibility-drives- innovation-for-all/ https://www.census.gov/newsroom/releases/archives/miscellaneous/ cb12-134.html https://www.w3.org/WAI/bcase/target-case-study http://civilrights.findlaw.com/civil-rights-overview/public-accommodations-equal- rights.html https://code.facebook.com/posts/1556373767941694/component-library/ https://sourcemaking.com/design_patterns https://www.w3.org/WAI/bcase/Overview.html Book A Book Apart, Accessibility for Everyone **And a few comments from by boss **Lots of comments from Sam
21. @erin_newby Designing for Accessibility means designing for everyone @erin_newby Designing for accessibility helps avoid lawsuits, promotes brand loyalty, and fosters innovation To recap we’ve learned … Good design, design patterns, and incorporating accessibility into your UI components go a long way in supporting accessibility
22. @erin_newby Thank You!