making your instructional materials accessible ms word, powerpoint, acrobat
DESCRIPTION
Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat. Jonathan Whiting February 17, 2013. Evolution of Accessible D esign. Accommodation. Accommodation. “People with disabilities don’t visit our site.” Not ‘timely’ (e.g., call a phone number or mail in a form) - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/1.jpg)
Making your Instructional Materials AccessibleMS Word, PowerPoint, Acrobat
Jonathan WhitingFebruary 17, 2013
![Page 2: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/2.jpg)
Evolution of Accessible Design
![Page 3: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/3.jpg)
Accommodation
![Page 4: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/4.jpg)
Accommodation
• “People with disabilities don’t visit our site.”• Not ‘timely’ (e.g., call a phone number or mail
in a form)• Not ‘equivalent’ (text-only or ‘accessible’
versions)• “It’s not my job.”
![Page 5: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/5.jpg)
Retrofitting
![Page 6: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/6.jpg)
Retrofitting
• Accessibility is ‘bolted on’ to an existing product
• More expensive and time-consuming, at least initially
• “We can’t make it accessible so we’re not going to build it.”
![Page 7: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/7.jpg)
Accessible Design
![Page 8: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/8.jpg)
Accessible Design
• Accessibility is addressed throughout the design process (requirements, mockups, design, development, QA, etc.)
• Developers have training and support• Product is more usable and accessible for
everyone
![Page 9: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/9.jpg)
How do you get to accessible design?
1. A shared commitment2. A concrete policy and plan3. Sufficient support for personnel4. Ongoing evaluation
![Page 10: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/10.jpg)
Ensure your content is accessible to users with various disabilities
• Vision - blind, low vision, color-blind• Hearing - Deaf and Hard-of-hearing• Motor - Difficulty using a mouse or keyboard• Cognitive• Seizure
![Page 11: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/11.jpg)
Blindness
• Headings• Alternative text for images• Meaningful link text• Reading order
![Page 12: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/12.jpg)
HeadingsThe Wrong way to do headings:• PPT and MS Word- Plain text enlarged• HTML-<p class=“heading2”>Big text (usually) resized with CSS</p>
The right way to do headings• PPT- Use slide templates• Word- Use styles panel• HTML- <h2>Use true headings</h2>
![Page 13: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/13.jpg)
What is equivalent alt text?
CONTENT and FUNCTION
VERY RARELY Description
![Page 14: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/14.jpg)
Alternative text
alt=“Blue ITC logo with a small globe that serves as a dot in the i. Next to the logo is green text that reads Instructional Technology Council”
![Page 15: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/15.jpg)
Meaningful link text
...For more information on this topic, read Essentials of Online Course Design: A Standards-Based Guide- http://www.amazon.com/Essentials-Online-Course-Design-Standards-Based/dp/0415873002/ref=sr_1_11?s=books&ie=UTF8&qid=1329661475&sr=1-11
![Page 16: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/16.jpg)
Reading order
There’s that logo again
Inserting items on the page using text boxes etc. can sometimes cause reading order issues
![Page 17: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/17.jpg)
Low visionUse good contrast and adequate font size. As you can see poor contrast and smaller font size make it much more difficult to read text. Also remember that you should not use images for
![Page 18: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/18.jpg)
Color blindness
![Page 19: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/19.jpg)
Color blindness
The green mushrooms listed here are OK to eat. The red mushrooms will kill you. – Amanita– Chanterelle– Porcini– Shitake– Tylopilus
`
![Page 20: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/20.jpg)
Color blindness
The green mushrooms listed here are OK to eat. The red mushrooms will kill you. – Amanita– Chanterelle– Porcini– Shitake– Tylopilus
![Page 21: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/21.jpg)
Auditory disabilities
From webaim.org/intro/
![Page 22: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/22.jpg)
Keyboard accessibility
For the most part, documents created in MS Office are keyboard accessible.
![Page 24: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/24.jpg)
The Secret to Everlasting Happiness
![Page 25: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/25.jpg)
Please finish reading this text – it will give you the secret to everlasting happiness. The secret is simple, all you need to do is to stop worrying about the key to everlasting happiness and enjoy the moment.
![Page 26: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/26.jpg)
Sorry! Time’s up!Better luck next time!
![Page 27: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/27.jpg)
Understandable
• Be careful with movement and other distractions (including transitions)
• Semantic organization (headings, lists, etc.)• Be consistent
• Simplify , Simplify
![Page 28: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/28.jpg)
Preferred Formats for Web Content
HTML > PDF > Doc/PPT > Anything else
...except PPT slides, then PDF is usually better
![Page 29: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/29.jpg)
Which provides better accessibility?
![Page 30: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/30.jpg)
PDF in a nutshell
• Tagged PDF = accessibility-enabled (not necessarily “accessible”) PDF
• Do as much as you can in the source document• Make sure you export correctly• Do not print to PDF• Need Acrobat Pro to edit tagged PDFs– TouchUp Reading Order tool is your friend (and
enemy)
![Page 31: Making your Instructional Materials Accessible MS Word, PowerPoint, Acrobat](https://reader036.vdocuments.mx/reader036/viewer/2022062501/56816586550346895dd8390a/html5/thumbnails/31.jpg)
Acrobat XI
• Improvements– Adding Alternative text– TouchUp Reading Order tool– Accessibility Wizard– Accessibility Checker
• Compatible with 64-bit versions of Office