To ensure that your YouTube videos are as accessible as possible, use the following best practices.
- Manually edit auto-generated captions.
- Edit the embed options.
- Edit the embed code.
YouTube automatically generates captions based on its best guess at interpreting the audio. Understandably, it is not 100% accurate. Using auto-generated captions saves time, and manually editing the captions ensures that users with disabilities have access to all the video’s information. Learn more about YouTube captions below.
Some features, like showing suggested videos when the video finishes, are difficult for assistive technology users to navigate. Follow the steps below to edit embed options.
A few minor adjustments, like changing the default video player to HTML5, make your video display as accessibly as possible on your page. Follow the steps below to edit the embed code.
YouTube can use speech recognition technology to automatically create captions for your videos. Automatic captions may not be ready at the time that you upload a video. Processing time depends on the complexity of the video's audio.
Keep in mind that if you use auto-generated captions, you will need to revise them for accuracy.
You can also add captions by uploading a caption file to your video. These types of files contain both the text and time codes for when each line of text should be displayed.
Finally, you can transcribe your video and YouTube will automatically line up your text with the speech in the video. You will need to set the timing to sync with your video.
Edit Embed Options
- On your video’s YouTube page, click on ‘Share’
- In the ‘Share’ popup window, click on ‘embed’
- In the ‘embed’ window, scroll down to ‘Embed Options’
- Uncheck ‘Show suggested videos when the video finishes.’
- Copy the embed code
Edit Embed Code
- For Aurora pages: Log into your site. Select the page you want to edit and go into edit mode.
- For Aurora pages: ‘Visual’ mode is the default edit mode; change to ‘Text’ mode
- Paste the embed code into the text editor.
- Delete ‘allow="autoplay; encrypted-media"’ from the embed code
- Add '&html5=1' to the end of the 'src="https:…"' code
- Because there are some situations where Internet Explorer and Firefox will still fail to load the HTML5 player, add these instructions, in a small type size: “For a fully keyboard-accessible alternative to this video, view it in Chrome or on any Android or iOS device. You can also view it in Firefox with the YouTube ALL HTML5 add-on installed, or disable Flash in Internet Explorer."
Embed code will look like this: <iframe width="560" height="315" src="https://www.youtube.com/embed/k15YmebYBaw?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
Embed code will now look like this: <iframe title="UConn Match Day 2018" width="560" height="315" src="https://www.youtube.com/embed/k15YmebYBaw?rel=0&html5=1" frameborder="0" allowfullscreen></iframe>
Resources: YouTube Captioning
Berman, D. (2014, May 15). Yes, you can make YouTube video accessible... here's how! Retrieved July 18, 2018, from http://designedgecanada.com/blogs/yes-you-can-make-youtube-video-accessible-here-is-how/
Last modified July 26, 2018