Captioning Videos for Your Online Courses

Post #6 in Accessibility series. #A11Y

In post #5 in this series, I showed you some techniques to help you find videos with good captions that you are allowed (legally speaking) to use in your online courses. Of course I realize that you might want to make your own videos to ensure that your course content is explained in the manner that you prefer, and to put your own personal stamp on the course materials.

Let’s take a look at the several different techniques that you might employ to create a good set of captions for a video. I’m not going to cover all the different ways to make a video, but you likely already have your own software and techniques, or you can easily learn them as you begin to experiment with video creation.

On-screen video captions are created from text transcript files with time codes identifying when that phrase is to appear on screen. If you prefer to start from scratch, you can create your own caption files using any word processing platform or almost any text editing tool. If you would rather let someone else do the initial drafting, I recommend you use a video platform such as YouTubeTM or a similar video platform that has tools to make for relatively easy work to include good captioning in your video.

Captioning in YouTube

If you have a GoogleTM account (almost everyone does), you also have a YouTube account. You already have one if you use any of the various Google tools. If you don’t have a Google account, creating one is free and easy. After logging in to your account, go to the YouTube Video Manager. Here you will find many different options related to your video. Alternatively, if you are viewing your own video, you should also see a series of icons just below the video frame, including a CC icon, as shown below.

User-added image

After clicking the icon, you will be at the Manage subtitles and closed captions page. On the right-hand side, you’ll see a blue bar that says Add new subtitles or CC. This is where you could upload your own transcript or subtitles file. Alternatively, you can click the green button besides the language of the currently published captions, which might be the automatically-generated captions, unless you have previously edited the captions.

Click the button next to the Language identifier to edit the current set of captions

Editing the captions is quite easy; and you are able to make changes to the captions text as well as the timing of when each caption starts and stops.

Creating a Transcript

Some students will benefit by having a transcript of the captions. One way to get a transcript is to download the captions file from YouTube and turn it into a transcript. You’ll find the download option in the “Actions” drop-down menu while editing the caption text and timing.

A technique that I often use is to create a transcript file simultaneously as I am recording the video. I do this by using a speech-to-text tool while I am making the recording. There are several free tools that do a fairly good job of converting your speech into text on the fly. Google Docs works fairly well. My preferred method lately has been to use the speech-to-text converter on my mobile phone (it’s an Android, YMMV). It does a great job of parsing through my speech and creating the text file. I can then take that text file and make any final edits prior to publishing the transcript.

There are many techniques for creating captions and transcripts. For the Web Accessibility MOOC for Online Educators (WAMOE), Karen Sorensen created the video shown below to explain how she creates captions in YouTube.

In the next post, we’ll consider some of the important accessibility elements for HTML content pages in your online courses.

Directory to posts in this series:

  1. Improving Accessibility of Online Courses – the why
  2. What do Educators Need to Know about VPATs?
  3. Alt Text for Simple Images in Online Courses
  4. Complex Images – Going Beyond Simple Alt Text
  5. Finding Videos with Good Captions
  6. Captioning Videos for Your Online Courses
  7. Improving the Accessibility of your HTML Content Pages – Part 1
  8. Improving the #A11y of Your HTML Content Pages – Part 2
  9. Making Word Documents Accessible for Online Learning
  10. Making PowerPoint Files Accessible for Online Learning
  11. Using Web-based Tools in Online Learning – #A11y
  12. Six More Tips for Making Online Courses Accessible

What do Educators Need to Know about VPATs?

Post #2 in a series of twelve posts intended to help you improve the accessibility of your online courses.

This is a greatly shortened version of the full post. Check out the TL;DR version to see it all.

In this installment, we’ll take a look at a somewhat technical, and often over-looked aspect of using technology and software in education. Often-overlooked unless you are an IT professional or an employee working in a purchasing office.

Check the Accessibility Concerns of your Educational Software

What is a VPAT?

The Voluntary Product Accessibility Template (VPAT) is a tool that provides information about how well a vendor’s product or service conforms to the Section 508 Accessibility Standards. Since it is voluntary, not all companies will provide a VPAT for all of their products, but most companies that take an active interest in being inclusive with their product development will provide this information.

How to Find a VPAT

In the Web Accessibility MOOC for Online Educators (WAMOE), we asked the students (who were educators) to search for a VPAT for software or hardware that they used in their online courses. It could be something that they used themselves for content creation or similar purposes, or it could be something that they encouraged or required their students to use.

In most cases, WAMOE participants would do a web search using keywords of VPAT and the name of the tech product. This simple web search would often bear fruit very easily, with an obvious search result that would lead to the desired document. However, there were many times when the search brought back confusing results or no helpful information at all.

What if They Don’t Have a VPAT?

Unless you can be assured that the recommended technology will be accessible to all students, it is a good idea to provide an alternative assignment that can be used by those who cannot make use of the primary technology that has been assigned.

What Can You Learn from a VPAT?

The VPAT is a series of tables, each comprised of three columns. The Summary Table provides the vendor’s information related to conformance with Section 508 Standards of the United States Rehabilitation Act. Column one of the Summary Table contains eight accessibility criteria that are found in subparts B and C of the 508 Standards. Column two describes any supporting features in the product or service that helps conform to the individual criterion. Column three is for any remarks and explanations that the vendor would like to share.

VPAT Example – a web conferencing solution

The detail table for Section 1194.22 Web-based Internet information and applications includes the following (excerpting criteria a, c, and g as examples):

  • Criteria: (a) A text equivalent for every non­text element shall be provided (e.g., via “alt”, “longdesc”, or in element content).
    • Supporting Features: Supports with Exceptions
    • Remarks and explanations: The product interface itself does not have any deficiencies requiring this, and authors are urged to do so should the need arise.
  • Criteria: (c) Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup.
    • Supporting Features: Supports
    • Remarks and explanations: All color contrasts comply with industry standard minimums.
  • Criteria: (g) Row and column headers shall be identified for data tables.
    • Supporting Features: Not Applicable
    • Remarks and explanations: The product does not contain any data tables.

Row (a) contains something that you’ll see quite frequently; the vendor saying that their product doesn’t have accessibility issues with a criterion, but content loaded by the end user just might. It’s always important to differentiate between product features and items added by the end user.

In an educational context, this boils down to the following: a) is the technology accessible to the instructor or student who needs to create educational content, and b) is the output of the technology accessible to users/viewers of said output?

You’ve Found a VPAT, Now What?

At many colleges and universities, vendor VPATs are used as a first step to verify the accessibility of the technology (both software and hardware) that will be purchased or recommended for use by students and employees. This is only a first step, because it is a wise choice to do some additional end-user testing to verify the information contained in the VPAT. For example, consider a software product that indicates in the VPAT that text included in an object created by that software is readable by assistive technology such as a screen reader. It would be a good idea to test that yourself using the screen reading technology that is normally deployed at your organization.

More info in TL;DR

Yikes, it’s Inaccessible. Now what?

Okay, so now you’ve reviewed the VPAT and completed functional testing and found the product to have accessibility barriers that cannot be accommodated. Now what? Well either the product shouldn’t be used or you have to provide students with disabilities an accessible alternative when they encounter a barrier. These accessible alternatives should be figured out well in advance of a student with a disability enrolling.

Still need more about the VPAT? Check out the longer version of this post.

Directory to posts in this series:

  1. Improving Accessibility of Online Courses – the why
  2. What do Educators Need to Know about VPATs?
  3. Alt Text for Simple Images in Online Courses
  4. Complex Images – Going Beyond Simple Alt Text
  5. Finding Videos with Good Captions
  6. Captioning Videos for Your Online Courses
  7. Improving the Accessibility of your HTML Content Pages – Part 1
  8. Improving the #A11y of Your HTML Content Pages – Part 2
  9. Making Word Documents Accessible for Online Learning
  10. Making PowerPoint Files Accessible for Online Learning
  11. Using Web-based Tools in Online Learning – #A11y
  12. Six More Tips for Making Online Courses Accessible

Improving Accessibility of Online Courses – the why

This is the first post in a series of twelve posts intended to help you improve the accessibility of your online courses.

During this series, the word accessibility is used in the context of making your online courses better for students with various disabilities. To help set the stage for this series of posts, let’s start with a couple of videos.

Keyboard image with Accessibility key replacing the Enter key

Portland Community College: To Care and Comply

Portland Community College (PCC) created this 11-minute video in 2015. PCC employees talk about their web accessibility guidelines and how supporting students with disabilities is a shared responsibility across the college. Tips and techniques that faculty and staff can use to improve their online course materials to make course components more accessible are also included. It is embedded below, or you can open it separately in YouTube.

These things jump out at me from the PCC video:

  • The intro examples of navigating online courses with assistive technology
  • The various students’ stories about their needs for accessible learning materials
  • Mission of PCC, and there is no success without access (10:30)

You can learn more about the various accessibility resources provided by PCC at their website.

University of Washington DO-IT: IT Accessibility: What Campus Leaders Have to Say

I also highly recommend a second video, this one from DO-IT (Disabilities, Opportunities, Internetworking, and Technology) at the University of Washington. DO-IT provides many excellent resources for educators and students. They also have an excellent Center for Universal Design in Education. This video highlights the importance and strategies for making Information Technology accessible on a campus-wide basis. Open DO-IT video separately.

Highlights for me in this video include:

  • Notice that the video is audio-described (AD).
  • At 1:37, Tracy Mitrano clarifies that making an accommodation was a good starting point, but only the start of the conversation about dealing with accessibility.
  • At 2:32, Pablo Molinda states that just like privacy and security, accessibility needs to be designed from the initial conception, not an afterthought.
  • At 3:58, Gerry Hanley shows that his state system requires all vendors provide equally effective access to the services provided by the vendor.

In the second post we’ll look into the importance of a VPAT and what you can learn from them. In the remaining posts we’ll focus more on the question of how to improve the accessibility of online courses. I thought it was important to start with this post dealing more with the question of why improved web accessibility is important in online learning.

The PCC video is shared with express written consent from PCC, and the University of Washington video is shared under the license of Creative Commons Attribution. The accessibility keyboard graphic is shared under Creative Commons Attribution by creator Poakpong.

Directory to posts in this series:

  1. Improving Accessibility of Online Courses – the why
  2. What do Educators Need to Know about VPATs?
  3. Alt Text for Simple Images in Online Courses
  4. Complex Images – Going Beyond Simple Alt Text
  5. Finding Videos with Good Captions
  6. Captioning Videos for Your Online Courses
  7. Improving the Accessibility of your HTML Content Pages – Part 1
  8. Improving the #A11y of Your HTML Content Pages – Part 2
  9. Making Word Documents Accessible for Online Learning
  10. Making PowerPoint Files Accessible for Online Learning
  11. Using Web-based Tools in Online Learning – #A11y
  12. Six More Tips for Making Online Courses Accessible