1. Accessible Word Document Training Microsoft Word 2010

2. Agenda-Word Defining Accessibility Document Headers Images Links Table Structure Color Contrast Accessibility Checker

3. What is Accessibility? Accessibility can be defined by whether or not a document or web application can be used effectively by people with disabilities Perceive Operable Understand Robust

4. Perceivable Provide captions and transcripts Do not use only color to express important information. Instead, change font, separate lists, and use tables Use headings and heading levels Provide alternative text that portrays the important concepts of an image like content and function rather than describing the image. Associate data cells with column/row headers

5. Operable Content is compatible with assistive technologies that do not utilize the mouse Make interactive items look “clickable” and underline links only Use unique and descriptive links to help users understand where a link will take them

6. Understandable Use semantic organization techniques such as headings, lists, etc. Be consistent and simplify content Make the reading level of your content low when possible Avoid using small text

7. Robust Make sure your content works with different technologies, browsers, versions, etc. Use the most universal versions for your content PDF – Can be opened on multiple platforms Word – Most popular word processing file format Follow standards and accessibility best practices Google will find your information easier if it is correctly marked up for accessibility Ensure that file types are more compatible with past and future versions

8. Compatibility Mode & Document Properties

9. Headings Headings are styles used for titles of sections. Headings are announced Appearance Accessibility Mark-up Hierarchy

10. Bad Example of Headers

11. Good Example of Headers This document is properly structured and is marked up with headers. Marking headers is important not only for visual purposes, but for assistive technology users as well.

12. Headings Navigation Navigate and edit a document through the Headings Navigation Panel Whole section editing Drag and drop entire sections

13. Styles Strong rather than Bold Ordered lists Unordered lists Serif or San Serif

14. Columns Create columns in Word rather than creating column-like sections Adds structure to page Influences reading order

15. Images Alternative Text Captions Use of descriptive text surrounding the image Tips: Insert images using the inline function Do not use Word Art – No alt text

16. Bad Example for Alternative Text There is no alternative text for the picture above. Users of assistive technology such as screen readers will not get any information from this image. When the screen reader selects the image it will just say “Image”.

17. Bad Example for Alternative Text There is alternative text for the picture above, however it is not very descriptive. If the purpose of the picture was to just represent a car, this would be fine, but if this were an ad highlighting the 2014 Chevy Camaro, this would be poor alternative text.

18. Good Example for Alternative Text The image above includes the alternative text “Red 2014 Chevy Camaro”. Users with assistive technology such as screen readers will hear “Image: Title – Camaro– Red 2014 Chevy Camaro”.

19. Surrounding Text Method It is preferred to include an explanation of the image in the surrounding body of text or caption. This way an image’s alternative text could be marked as null.

20. Links Link text should tell the user where they are about to go and match in a meaningful way the title of the webpage they are linking to. Link text should be descriptive enough to alert the user of where the link will take them For documents meant to be printed, use a URL Generator to shorten links but provide meaningful text around it to let users know where the link is going

21. Links Only View

22. Bad Example for Links The link text here is not informative. It does not tell the user where the target of the link is. It is preferred to make the link text more descriptive.

23. Good Example for Links To read more top stories go to the CSUN Home PageCSUN Home Page Include what the link is for when creating hyperlinks Visit the Universal Design Center for more information about accessibility.Universal Design Center Sentence structure lets the user know what info will be presented by selecting the link

24. Table Structure Visual Organization Appearance Important to included caption/description

25. Bad Example of Table Structure

26. Good Example of Table Structure

27. Color Contrast Examples Bad Color Contrast 1: White text on a turquoise background 2: Red text on green background 3: White text on pink background Good Color Contrast 4: White text on blue background 5: Black text on white background 6: Black text on yellow background Go to the Universal Design Center website to download tools to check color contrast for freeUniversal Design Center

28. Word Accessibility Check Dynamic checker – Runs while you edit Error – Pertinent issues Warning – Precautionary steps Tip – Suggestions

29. Accessibility Check

30. Recap Accessibility Document Headers Images Links Table Structure Color Contrast Accessibility Checker

31. Resources Past Training and Presentations: http://www.csun.edu/universaldesigncenter/past- training-and-presentations Document Accessibility Guides: http://www.csun.edu/universaldesigncenter/docum ent-accessibility