Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video...
Transcript of Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video...
![Page 1: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/1.jpg)
Achieving Accessibility: Tips and Strategies to Design Content for all Learners
@voelkerc | [email protected]
http://jeremiahsjourney.org.uk/wp-content/uploads/2015/05/Tanzania-Kilimanjaro-6.jpg
![Page 2: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/2.jpg)
• Former Teacher Librarian• Former Instructional Technology
Teacher Specialist• Former Coordinator of Online
Learning• Former Statewide partnership
grant Leader
• Current K-12 Program Director for Quality Matters
![Page 3: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/3.jpg)
![Page 4: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/4.jpg)
http://ep.yimg.com/ay/yhst-136450996553589/gender-neutral-restroom-tactile-braille-signs-9-9-10.gif
![Page 5: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/5.jpg)
https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcScsFfMbBc1yotU-fiXDxEbn8LuhOwbM5jQRYVFU6_MQp9IH7XI
![Page 6: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/6.jpg)
https://wmich.edu/sites/default/files/styles/720p/public/images/u255/2013/disabilityservices900a.jpg?itok=GoFSdNgy
![Page 7: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/7.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
![Page 8: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/8.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
ISTE Standards for Administrators 5 - Digital Citizenship: Participants will learn ways in which to ensure equitable access and appropriate digital tools and resources to meet the needs of all learners.
ISTE Standards for Teachers 4 - Promote and model digital citizenship and responsibility: Participants will learn how they can include materials in their courses that address the diverse needs of all learners by using learner-centered strategies providing equitable access to appropriate digital tools and resources.
![Page 9: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/9.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
• Discuss the importance and methods of providing accessible course materials
• Explain how to make images, video, and audio accessible for online and blended courses
• Create accessible tables, hyperlinks and images
• Discuss the importance of closed captioning your videos
• Explain the difference between open captioning, closed captioning, and subtitles
• Identify tools to help with closed captioning videos
![Page 10: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/10.jpg)
![Page 11: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/11.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
https://support.content.office.net/vi-vn/media/58c7973b-10bd-40ff-b80f-839155422dbd.gif
![Page 12: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/12.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
https://www.wowza.com/uploads/images/closed-captions-430x240.png
![Page 13: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/13.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
https://www.quicksprout.com/2012/03/19/how-to-rank-on-the-first-page-of-google-through-videos/
![Page 14: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/14.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
http://www.rnib.org.uk/accessibility-guidelines-alt-text-what-you-need-know
![Page 15: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/15.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZhttps://www.ssa.gov/accessibility/checklists/img/NoHeaderRowSpecified_RemainsHighlighted.png
![Page 16: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/16.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
http://www.livescience.com/33523-color-symbolism-meanings.html
![Page 17: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/17.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
https://support.content.office.net/vi-vn/media/58c7973b-10bd-40ff-b80f-839155422dbd.gif
HTML & Styles
![Page 18: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/18.jpg)
HTML Basics
HTML = Hypertext Markup Language• HTML tags are keywords surround by angle brackets <tag> content </tag>
• Come in pairs; opening and closing• Closing tag same as opening but contains a slash
• <h1>HTML Basics</h1>
• Contain attributes to define styles• <p style=“font-family:verdana”>
![Page 19: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/19.jpg)
Headings
Styles are defined using HTML headings with the <h1> to <h6> tags:
![Page 20: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/20.jpg)
Additional Tags
Paragraphs:<p>Content</p>
Unordered Lists:<ul><li>Dogs</li><li>cats</li></ul>
Ordered Lists:<ol><li>First step…</li><li>Second step…</li></ol>
Tables:<table><caption>Schedule</caption><tr><th>Assignment</th><th>Due </th></tr><tr><td>Exam</td><td>05-08-14</td></tr></table>
![Page 21: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/21.jpg)
FormatingHTML defines special elements for defining text with added semantic importance. Use the “Style” strong for bold and emphasis for italics.
• Strong <strong>• Em <em>
![Page 22: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/22.jpg)
<H1> = Heading 1<p> = Normal<ol> = Numbered list<ul> = Bulleted list<table> = Table<th> = Table heading<strong> = Bold<em> = Emphasis
![Page 23: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/23.jpg)
Accessible Documents in MS Word
![Page 24: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/24.jpg)
Ensure all heading styles are in the correct order (this is a Heading 2)
By using heading levels in a logical order, from largest to smallest, it assists users in navigating the document, finding information, and allows the creator to quickly add a Table of Contents.
Add a heading line (this is a Heading 3)1. Insert a line of text where you want the new heading2. On the Home tab, in the Styles group, choose the correct heading style
![Page 25: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/25.jpg)
Create a heading style (this is a Heading 3)• Select, in the Styles group, choose the correct heading
style the text• On the Home tab
![Page 26: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/26.jpg)
Accessibility Checker (this is a Heading 2)The Accessibility Checker tells you about possible accessibility issues in Word documents. The checker reports any errors and warnings in your document and explains how and why you need to fix them. To run the checker do the following:
1. Select the File button2. Select the Check for Issues button3. Review the information in the Inspection Results box4. Correct any errors and/or warnings by following the instructions in the
“Additional Information” section
Video: Using Styles in Word
![Page 27: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/27.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
http://www.rnib.org.uk/accessibility-guidelines-alt-text-what-you-need-know
![Page 28: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/28.jpg)
https://blog.shareaholic.com/wp-content/uploads/2012/01/alt-attribute-example.jpg
![Page 29: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/29.jpg)
Rules
• Be accurate and equivalent• Be succinct• Do not be redundant• Do not use phrases “image of” or “graphic of”
![Page 30: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/30.jpg)
Additional Principles
• Complex images, charts, or tables need text-captions.• Alt text of a functional image should describe the function
as well as the content.• Decorative images need to have a null alt attribute (e.g.
alt=“ “)
![Page 31: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/31.jpg)
Alternative TextHigh Speed Internet
Online Students Traditional
Students
Alt text: Venn diagram of student access to high-speed internet, captioned below.
High Speed Internet
Online Students Traditional
Students
Figure 1.1 The Venn diagram shows the relationship between online and traditional students and the percentage that have High Speed Internet.
Captions
![Page 32: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/32.jpg)
Common Misuse
• Repeat the caption as Alt text• Leave the text alternative blank when there is a caption• Include extra information in the text alternative
A better Alternative• Use a short text alternative and a full caption
![Page 33: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/33.jpg)
http://4syllables.com.au/articles/text-alternatives-images-captions/
Alt=“”
Caption: Topographic map of Portsea, Victoria, prepared by Australian Section, Imperial General Staff, 1930
Alt=“map” (or “alt=“Portsea map”)
Caption: Topographic map of Portsea, Victoria, prepared by Australian Section, Imperial General Staff, 1930
![Page 34: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/34.jpg)
http://4syllables.com.au/articles/text-alternatives-images-captions/
Alt=“Items on this poster represent some of the objects in our vast collection of indigenous arts and crafts.”
Caption: Items on this poster represent some of the subjects in our vast collection of indigenous arts and crafts.
Alt=“Poster” (or “alt=“Arts and Crafts Poster”)
Caption: Items on this poster represent some of the subjects in our vast collection of indigenous arts and crafts.
![Page 35: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/35.jpg)
http://4syllables.com.au/articles/text-alternatives-images-captions/
Alt=“Port Hedland storm surge, 1935. Photo courtesy Port Hedland Historical Society.”
Caption: Before and during a storm surge at Port Hedland, 1935.
Alt=“storm surge”
Caption: Before and during a storm surge at Port Hedland, 1935. Photo courtesy Port Hedland Historical Society.
![Page 36: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/36.jpg)
http://4syllables.com.au/articles/text-alternatives-images-captions/
Alt=“Photo of the Prime Minister, Julia Gillard.”
Caption: Prime Minister, Julia Gillard.
Alt=“Julia Gillard”
Caption: Prime Minister, Julia Gillard.
![Page 37: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/37.jpg)
Try it!Partner Activity
1. Determine the alt text for this image
2. Write a caption for this image (if needed).
3. Share
Copyright © 2014 W3C ®
![Page 38: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/38.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZhttps://www.ssa.gov/accessibility/checklists/img/NoHeaderRowSpecified_RemainsHighlighted.png
Tables & Hyperlinks
![Page 39: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/39.jpg)
http://webaim.org/techniques/tables/
![Page 40: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/40.jpg)
http://webaim.org/techniques/tables/
![Page 41: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/41.jpg)
How would a screen reader read this?
Week Assignment Due Date1 Read chapters 1 to 3 Jan 20
Post introductions to discussion 2 Read chapters 4-6 Feb 13 Read chapter 7 Feb 8
Feb 8Paper due
https://www.youtube.com/watch?v=XN2MTLNH5Xk
![Page 42: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/42.jpg)
Good Table
Week Assignment Due DateWeek 1 Read chapters 1 to 3 January 20Week 1 Post introductions to discussion January 20Week 2 Read chapters 4-6 February 1Week 3 Read chapter 7 February 8Week 3 Paper due February 8
https://www.youtube.com/watch?v=XN2MTLNH5Xk
![Page 43: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/43.jpg)
https://www.youtube.com/watch?v=XN2MTLNH5Xk
![Page 44: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/44.jpg)
HyperlinksUse these search engines for your research:To use Google, click hereTo use Bing, click here
Use these search engines for your research:GoogleBing
Not Unique!
![Page 45: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/45.jpg)
Hyperlinkshttp://browsers.about.com/od/howtousewindowsbrowsers/a/firefoxtutorial.htm
How to do everything in Mozilla Firefox
![Page 46: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/46.jpg)
HyperlinksWebsite 1Website 2
Websites:Firefox Chrome
Not Descriptive
![Page 47: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/47.jpg)
Accessible Assignments
Practice:• Review the instructions for the “Review of Quality
Matters” quiz• Add headers, alt text, revise the hyperlinks, revise the
table, and make the matching responses a list (be sure to use “Styles” as appropriate)
• Discuss the changes with your colleagues
![Page 48: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/48.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
http://www.livescience.com/33523-color-symbolism-meanings.html
Color
![Page 49: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/49.jpg)
https://www.youtube.com/watch?v=dGNjvNlts0Y
![Page 50: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/50.jpg)
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSAHuXzhnsrDYbgCjO-3xC4xgmzQb3Bf01dyDMWyqmnMYmAPPWZ
https://www.wowza.com/uploads/images/closed-captions-430x240.png
Captioning
![Page 51: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/51.jpg)
Definitions
Captions – text that appears on a video; contains dialogue and audio cues for music, sound effects, and so forth.
Subtitles – text that appears on a video and normally contains just a transcription of the dialogue.
Transcripts – provide content for web audio or video that contain descriptions, explanations, and comments.
![Page 52: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/52.jpg)
Types of Captioning
![Page 53: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/53.jpg)
Types of Captioning
• Closed – captions can be turned on or off; not visible until activated by the user.
• Open – captions are always visible.
![Page 54: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/54.jpg)
Web Accessibility Guidelines
• Synchronized• Verbatim• Equivalent• Sentences• Accessible• Multimedia • Web multimedia
![Page 55: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/55.jpg)
Practical Tips and Guidelines
• Appear on-screen long enough to be read• Limit to no more than two lines• Synchronized with spoken words• Speakers should be identified • Punctuation is used to clarify meaning• Spelling is correct• Sound effects included• All words are captioned• Use italics for emphasis
![Page 56: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/56.jpg)
![Page 57: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/57.jpg)
Amara
https://www.youtube.com/watch?v=aQ-xe-GSjdA
![Page 58: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/58.jpg)
http://ep.yimg.com/ay/yhst-136450996553589/gender-neutral-restroom-tactile-braille-signs-9-9-10.gif
![Page 59: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/59.jpg)
https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcScsFfMbBc1yotU-fiXDxEbn8LuhOwbM5jQRYVFU6_MQp9IH7XI
![Page 60: Achieving Accessibility: Tips and Strategies to …...– provide content for web audio or video that contain descriptions, explanations, and comments. Types of Captioning Types of](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f02b9ef7e708231d405b497/html5/thumbnails/60.jpg)
Achieving Accessibility: Tips and Strategies to Design Content for all Learners
@voelkerc | [email protected]
http://jeremiahsjourney.org.uk/wp-content/uploads/2015/05/Tanzania-Kilimanjaro-6.jpg