1. Creating Accessible Content NC3ADL CONFERENCE NASH COMMUNITY COLLEGE APRIL 1, 2015 Amy Netzel and Darrin Evans Accessibility Technologists eLearning Support Department Wake Technical Community College

2. NCCCS Accessibility: A Five Year Plan

3. Objectives Understand the underlying purpose and usefulness of accessibility Understand how to create accessible content, images, and hyperlinks Apply accessibility concepts to a PowerPoint presentation Apply accessibility concepts to a Word document

4. Accessibility Misnomers (#1) 1.If I can read my content, it’s accessible. People who are sight- disabled can just have someone read the information to them.

5. Making Change in Compliance

6. What’s a screenreader? Robot Image credit: theverge.com Reading Device Image credit: lifehacker.com

7. Accessibility Misnomers are Unintentional 1.If I can read my site, it’s accessible. People who are sight-disabled can just have someone read the information to them.

8. Navigating Web Sites with a Screen Reader

9. Visual Representation of a Document

10. Navigating Documents with a Screenreader

11. Accessibility Misnomers (#2) 1.If I can read my site, it’s accessible. People who are sight-disabled can just have someone read the information to them. 2.We have a Disabled Student Services office, they’ll take care of anyone who has a disability.

12. Physical/Structural Accessibility

13. Accessibility Creates Access for All

14. Accommodations vs. Accessible Content ACCOMMODATION Note taker Extra time on a test Sign language interpreter Braille textbooks Assistive technology (such as a screen magnifier) ACCESSIBLE ONLINE CONTENT Properly structured Text alternatives for images and multimedia Captioned videos Proper color contrast Proper hyperlinks

15. Accessibility Misnomers (#3) 1.If I can read my site, it’s accessible. People who are sight-disabled can just have someone read the information to them. 2.We have a Disabled Student Services office, they’ll take care of anyone who has a disability. 3.It’s too hard. I don’t have time to do it.

16. Accessibility Misnomers (#4) 1.If I can read my site, it’s accessible. People who are sight-disabled can just have someone read the information to them. 2.We have a Disabled Student Services office, they’ll take care of anyone who has a disability. 3.It’s too hard. I don’t have time to do it. 4.It doesn’t really matter; it’s a passing phase.

17. Who Accesses Your Content? A broad spectrum of people! Including: Sight impaired Hearing impaired Mobility impaired Cognitively impaired

18. Picking the Low Hanging Fruit Consider Color Contrast Structure content ◦Headings ◦Lists Compose Meaningful Alternative Text for Images Informative Hyperlinks Use Captioned Videos

19. WCAG 2.0

20. Color Considerations: Color Vision Deficiency NORMAL VISION Red text ◦Assignments due on Friday! Green text ◦Everyone did well on the exam. Blue text ◦The two cities with higher populations are labeled in blue: ◦Los Angeles ◦Milwaukee ◦Chicago ◦St. Louis COLOR VISION DEFICIENCY Red text ◦Assignments due on Friday! Green text ◦Everyone did well on the exam. Blue text ◦The two cities with higher populations are labeled in blue: ◦Los Angeles ◦Milwaukee ◦Chicago ◦St. Louis

21. Solutions for Color Vision Deficiency INACCESSIBLE Red text ◦Assignments due on Friday! Green text ◦Everyone did well on the exam. Blue text ◦The two cities with higher populations are labeled in blue: ◦Los Angeles ◦Milwaukee ◦Chicago ◦St. Louis USE OF ADDITIONAL FORMATTING Red text ◦Assignments due on Friday! Green text ◦Everyone did well on the exam. Blue text ◦The two cities with higher populations are labeled in blue: ◦Los Angeles (10 million) ◦Milwaukee (594,833) ◦Chicago (2.7 million) ◦St. Louis (319,394)

22. Color Solutions: Conveying Information

23. Color Situations: Avoid Vibrating Colors

24. Structuring Content (documents)

25. Screen Reader Navigation

26. Structuring Content (presentations)

27. Incorporating Images Consider purpose of image ◦Decorative ◦Instructional Alternative text (text representation) ◦5-7 words Long description (in addition to alternative text) ◦PowerPoint - Include in Notes area ◦Word - Include in near image

28. Recapping Text Representations (for Images) DECORATIVE 1.Alternative text INSTRUCTIONAL 1.Alternative text 2.Long description for additional instructional information

29. Text Representations for Multimedia VIDEO Closed captioned Provide text transcript Audio describe, when needed AUDIO (PODCAST) Post a text transcript near the audio file or hyperlink

30. Hyperlinks 1.Where is the link going? 2.What will be viewed? (Why is the link provided?) 3.What happens when the link is clicked?

31. Accessible Videos

32. Low Hanging Fruit Recap Consider Color Contrast Structure content ◦Headings ◦Lists Compose Meaningful Alternative Text for Images Informative Hyperlinks Use Captioned Videos

33. Accessible PowerPoint Presentations

34. Experiences of a Screen Reader User JAWS Meets a PowerPoint 2010 Presentation – After (opens in a new window) Direct link: http://www.youtube.com/watch?v=fTi_k2-Ir-0 JAWS Meets a PowerPoint 2010 Presentation – After (opens in a new window) JAWS Meets a PowerPoint 2010 Presentation – Before (opens in a new window) Direct link: https://youtu.be/_ARFBy2StiQ?t=33s JAWS Meets a PowerPoint 2010 Presentation – Before (opens in a new window)

35. Accessible Documents Applying Structure ◦Headings ◦Lists ◦Tables Color consideration Hyperlinks Alternative Text

36. Recapping the Low Hanging Fruit Consider Color Contrast Structure content ◦Headings ◦Lists Compose Meaningful Alternative Text for Images Informative Hyperlinks Use Captioned Videos

37. Contact Information Amy Netzel abnetzel@waketech.edu 919-866-5631 Darrin Evans daevans3@waketech.edu 919-532-5753