Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accessibility Matters: Making Your Product Available to Everyone

295 views

Published on

Presented at Interchange 2016

Published in: Education
  • Be the first to comment

  • Be the first to like this

Accessibility Matters: Making Your Product Available to Everyone

  1. 1. 1 Accessibility Matters: Making Your Products Available to Everyone Char James-Tanny Schneider Electric
  2. 2. Char James-Tanny ~ @charjtf 2
  3. 3. Char James-Tanny ~ @charjtf 3 Categories and More > Visual (including colorblindness) > Hearing > Motor > Learning / Cognitive > Aging > Chronic Illnesses
  4. 4. Char James-Tanny ~ @charjtf 4 People with Disabilities
  5. 5. Char James-Tanny ~ @charjtf 5
  6. 6. Char James-Tanny ~ @charjtf 6 ACCESSIBILITY = Usability for (almost) everyone
  7. 7. Char James-Tanny ~ @charjtf 7
  8. 8. Char James-Tanny ~ @charjtf 8
  9. 9. Char James-Tanny ~ @charjtf 9
  10. 10. Char James-Tanny ~ @charjtf 10
  11. 11. Char James-Tanny ~ @charjtf 11
  12. 12. Char James-Tanny ~ @charjtf 12
  13. 13. Char James-Tanny ~ @charjtf 13 DO NOT PLAY IF YOU GET SEIZURES FROM FLASHING CONTENT.
  14. 14. Char James-Tanny ~ @charjtf 14
  15. 15. Char James-Tanny ~ @charjtf 15
  16. 16. Char James-Tanny ~ @charjtf 16
  17. 17. Char James-Tanny ~ @charjtf 17
  18. 18. Char James-Tanny ~ @charjtf 18 Standards and Guidelines So what should you do to make sure that your documents and websites are as accessible as possible? Use WCAG 2.0 and POUR.
  19. 19. Char James-Tanny ~ @charjtf 19 WCAG 2.0 - http://www.w3.org/TR/WCAG20/ 1 Perceivable *1.1 Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language. *1.2 Provide alternatives for time-based media. 1.3 Create content that can be presented in different ways (for example, simpler layout) without losing information or structure. *1.4 Make it easier for users to see and hear content including separating foreground from background.
  20. 20. Char James-Tanny ~ @charjtf 20 WCAG 2.0 - http://www.w3.org/TR/WCAG20/ 2 Operable 2.1 Make all functionality available from a keyboard. 2.4 Provide ways to help users navigate, find content, and determine where they are. 3 Understandable 3.1 Make text content readable and understandable. 3.2 Make Web pages appear and operate in predictable ways. 3.3 Help users avoid and correct mistakes. 4 Robust
  21. 21. Char James-Tanny ~ @charjtf 21 Take Advantage of Existing Plug-ins
  22. 22. Char James-Tanny ~ @charjtf 22 Take Advantage of Features in the Program
  23. 23. Char James-Tanny ~ @charjtf 23 Mobile Applications > Google Accessibility Scanner (Google Play Store) > VoiceOver (iPhone) and TalkBack (Android)
  24. 24. Char James-Tanny ~ @charjtf 24 Other Things to Think About… > CONSISTENCY > Headings > Web pages: > No separate sites > Add a page title > Set a language > Create a “focus” style
  25. 25. Char James-Tanny ~ @charjtf 25 More Things to Think About > Tab order and keyboard navigation (PDF, Documents, Applications) > Print gray-scale to check color contrast > PowerPoint: Set all bullets to use the same point size. Use a minimum of 28 points. > Using video? Add captions and transcript. Don’t auto-play (use audio controls).
  26. 26. Char James-Tanny ~ @charjtf 26 Need More Reasons?
  27. 27. Char James-Tanny ~ @charjtf 27 Good News! > Twitter now allows you to add alt text to tweets (mobile only). > It’s becoming more difficult to find bad examples. > More public figures are talking about mental illness, depression, and other disabilities.
  28. 28. Char James-Tanny ~ @charjtf 28 Don Baird. http://www.flickr.com/photos/old-curmudgeon/2298969471/ Used with permission.
  29. 29. Char James-Tanny ~ @charjtf 29 Questions?
  30. 30. Char James-Tanny ~ @charjtf 30 Thank You!
  31. 31. Char James-Tanny ~ @charjtf 31 Supplemental Links > See PDF at SlideShare.

×