Accessibility: It's More Than Just Screen Readers

As presented at Indy.Code() on April 17, 2018

Transcript

1. Accessibility It's More Than Just Screen Readers @sublimemarch
2. Stephanie Slattery @sublimemarch @sublimemarch
3. What is accessibility? @sublimemarch
4. The design of products, devices, services, or environments for people who experience disabilities. @sublimemarch
5. It's the practice of removing barriers that might prevent people with disabilities from accessing something. @sublimemarch
6. Accessibility is about inclusion. @sublimemarch
7. Technology is exists to make our lives easier, not harder. @sublimemarch
8. Let's talk about disability. @sublimemarch
9. Disability can be the result of disease, trauma, or genetics. @sublimemarch
10. Disability can be permanent, chronic, or temporary. @sublimemarch
11. Categories of Disability • @sublimemarch
12. Categories of Disability •visual @sublimemarch
13. Categories of Disability •visual •hearing @sublimemarch
14. Categories of Disability •visual •hearing •motor @sublimemarch
15. Categories of Disability •visual •hearing •motor •cognitive @sublimemarch
16. People with disabilities are using the technology you create. @sublimemarch
17. Assistive Technology •screen readers •magnifiers (hardware and software) •large print and tactile keyboards •eye gaze and head mouse systems •speech recognition @sublimemarch
18. @sublimemarch
19. @sublimemarch
20. @sublimemarch
21. 1 in 5 Americans have a disability @sublimemarch
22. 56.7 million people @sublimemarch
23. 1 in 10 Americans have a disability that impacts computer use @sublimemarch
24. Accessibile design helps everyone! @sublimemarch
25. @sublimemarch
26. @sublimemarch
27. Ability is temporary. @sublimemarch
28. Why would we make something accessible? @sublimemarch
29. To improve the lives of people with disabilities @sublimemarch
30. We are responsible for what we create. @sublimemarch
31. To capitalize on a wider audience or consumer base @sublimemarch
32. $175 billion in discretionary income @sublimemarch
33. It's the law. @sublimemarch
34. Rehabilitation Act of 1973 @sublimemarch
35. Americans with Disabilities Act (1990) @sublimemarch
36. Lawsuits •MIT and Harvard - no captions •Scribd - inaccessible to screen readers •Netflix - no captions •H&R Block - inaccessible site and app •Reebok - inaccessible to screen readers @sublimemarch
37. How do I know if what I'm making is accessible? @sublimemarch
38. Listen to people with disabilities. @sublimemarch
39. Follow best practices. @sublimemarch
40. Web Content Accessibility Guidelines 2.0 @sublimemarch
41. Conformance Levels •A - minimum, not quite enough @sublimemarch
42. Conformance Levels •A - minimum, not quite enough •AA - addresses most common issues @sublimemarch
43. Conformance Levels •A - minimum, not quite enough •AA - addresses most common issues •AAA - highest level, but not always possible @sublimemarch
44. Four Principles of the WCAG @sublimemarch
45. 1. Perceivable • @sublimemarch
46. 1. Perceivable •text alternatives @sublimemarch
47. 1. Perceivable •text alternatives •captions @sublimemarch
48. 1. Perceivable •text alternatives •captions •doesn't rely on sensory characteristics @sublimemarch
49. 1. Perceivable •text alternatives •captions •doesn't rely on sensory characteristics •doesn't rely on color @sublimemarch
50. 1. Perceivable •text alternatives •captions •doesn't rely on sensory characteristics •doesn't rely on color •can control audio @sublimemarch
51. 2. Operable • @sublimemarch
52. 2. Operable •can navigate with keyboard @sublimemarch
53. 2. Operable •can navigate with keyboard •can pause/stop video @sublimemarch
54. 2. Operable •can navigate with keyboard •can pause/stop video •prevent seizures @sublimemarch
55. 2. Operable •can navigate with keyboard •can pause/stop video •prevent seizures •skip links @sublimemarch
56. 2. Operable •can navigate with keyboard •can pause/stop video •prevent seizures •skip links •visible focus @sublimemarch
57. 3. Understandable • @sublimemarch
58. 3. Understandable •languages labeled @sublimemarch
59. 3. Understandable •languages labeled •no unpredictable changes on focus/input @sublimemarch
60. 3. Understandable •languages labeled •no unpredictable changes on focus/input •consistent navigation @sublimemarch
61. 3. Understandable •languages labeled •no unpredictable changes on focus/input •consistent navigation •errors identified @sublimemarch
62. 3. Understandable •languages labeled •no unpredictable changes on focus/input •consistent navigation •errors identified •labels and instructions @sublimemarch
63. 4. Robust • @sublimemarch
64. 4. Robust •complete and correct markup @sublimemarch
65. 4. Robust •complete and correct markup •UI elements can be programatically determined @sublimemarch
66. Open Accessibility Framework (OAF) @sublimemarch
67. Creation @sublimemarch
68. Use @sublimemarch
69. But it's more than just the guidelines... @sublimemarch
70. Guidelines are tools, not solutions. @sublimemarch
71. Listen to people with disabilities. @sublimemarch
72. How can you advocate for accessibility? @sublimemarch
73. Collect baseline information. @sublimemarch
74. Gather support. @sublimemarch
75. Define a standard. @sublimemarch
76. Monitor conformance. @sublimemarch
77. If not you, then who? @sublimemarch
78. You can do it! @sublimemarch
79. We're all responsible for improving the lives of people who use our technology. @sublimemarch
80. Accessibility It's More Than Just Screen Readers @sublimemarch
81. Stephanie Slattery @sublimemarch @sublimemarch