The Four Basic Principles of Accessibility

This talk on "The Four Basic Principles of Accessibility" is an informative presentation meant to shine a light on the benefits of building inclusive products and explain the four basic principles that serve as the foundation for accessibility. These four areas specifically target areas where users have the most trouble when accessing digital products and provide guidelines for understanding how to think and approach accessibility.

Transcript

1. The Four Basic Principles of Web Accessibility Homer Gaines
2. 2 We hear about accessibility, but many don’t know why we should worry about it?
4. 4 ADA Americans with Disabilities Act of 1990 (ADA for short) The Disability Discrimination Act from 1995 & The Equality Act of 2010 ADA : Requires fair and reasonable access for all individuals with disabilities. In the early 2000’s, this rule was extended to websites and other digital properties. ada.gov & legislation.gov.uk
5. 5 WORLD MAP https://www.3playmedia.com/2017/08/22/countries-that-have-adopted-wcag-standards-map
6. 6 WORLD MAP World Population ~1 billion people globally have a disability. 15%
7. 7 WORLD MAP Gen X & Millennials 11% 46% of the population between the age of 21 - 64 have a disability
8. 8 WORLD MAP Inaccessible 70% eCom, News & Information, Government ©2019 Nucleus Research Inc.
9. 9 Invisabilities
10. 10 Not all disabilities are permanent.
11. 11 $
12. 12 Income 490 Billion Individuals with disabilities Disposable Income $ approximate numbers from Deque
13. 13 10.3 Billion Individuals with visual disabilities eCommerce Revenue $ approximate numbers from Deque
15. 15 Lawsuits in the US alone Lawsuits in the US California and Georgia are in the top ten for Title III lawsuits. #2 California #9 Georgia
16. 16 Lawsuits in the US alone High profile lawsuits in the US • Domino’s Pizza $362M profit 2018 ~ $3M to fix sites / app • Beyonce • GNC Scott Olson | Getty Images
17. 17 All The Things!
18. 18 WCAG 2.1 WCAG 2.1 Success Criteria Bare Minimum A https://disabledaccessdenied.wordpress.com/2014/05/09/accessibility-fails-or-when-idiots-design-wheelchair-access/
19. 19 WCAG 2.1 WCAG 2.1 Success Criteria Wut? AAA @erniesjourney
20. 20 WCAG 2.1 WCAG 2.1 Success Criteria Sweet Spot AA
21. 21 Bare Minimum Sweet Spot Wut? WCAG 2.1 WCAG 2.1 Success Criteria A AA AAA
22. 22 AXE by Deque For Automated Accessibility Testing AXE
23. 23 NVDA JAWS VoiceOver
24. 24 But How Do We Get There?
25. 25 Semantics Semantics Semantic Markup Design Systems
26. 26 Semantics Semantics <span role=”button”>Click</span> <button type=”button”>Click</button>
27. 27 The Four Basic Principles of Accessibility
28. 28 Perceivable POUR 1 Operable Understandable Robust 2 3 4
29. 29 Perceivable Users must be able to perceive the content by using their senses. Until the day comes where we can taste and smell digital content, we must focus on the user’s ability to see, hear, and or feel the available content. • Focusable • Error handling • Closed Captions Perceivable
30. 30 Operable Because we all don’t use computers the same way, users have a variety of methods for accessing and interacting with digital content. Keeping this in mind, developers need to ensure the content is accessible to the various input devices. • Type aid • Switches • Sip and Puff Operable
31. 31 Understandable Understandable Being able to understand content goes beyond comprehending the words, it extends to the UI and UX as well. Presenting a well-structured navigation scheme within a consistent theme allows for a better user experience. Using alerts and avoiding complex sentence structures also play key roles in the overall experience by reducing cognitive load. userinyerface.com
32. 32 Robust Robust Providing accessible content begins with semantically correct markup. Doing so ensures the content will be compatible with the range of devices used to consume digital content.
33. 33 It Starts with Empathy
34. 34 Empathy
35. 35 EMPATHY Cognitive 1 Emotional Compassionate 2 3
36. 36 Applying Empathy Applying Empathy What can I see? Perceivable What can I do? Understandable & Operable How will I do it? Operable
37. Turn the brightness or contrast down on your monitor. Navigate your site / app without a mouse. Turn on a screen reader and close your eyes. 37 Try It Out Try It Out
38. 38 Be Mindful of Over Engineering Be Mindful of Over Engineering
39. 39 Be Mindful of Over Engineering Be Mindful of Over Engineering DISABLED DIMMED
40. 40 Thanks
41. 41 I'm Homer Gaines, a Sr. UI Engineer at UserTesting and a Certified Accessibility Professional. @xirclebox
42. 42 Resources WCAG 2.1 Quick Reference https://www.w3.org/WAI/WCAG21/quickref/#top WAI-ARIA https://www.w3.org/WAI/standards-guidelines/aria/ If you’re interested in getting certified https://www.accessibilityassociation.org/certification Run your own test https://www.deque.com/axe/