How to Add Captions to Your Website Videos


Most website videos fail accessibility in one of two specific ways, and neither of them is “we forgot captions entirely.” The first is a video with YouTube’s auto-captions switched on and never reviewed, so the product name is mangled, the technical terms are wrong, and there is no punctuation to mark where one sentence ends. The second is a video that has clean captions but no transcript anywhere on the page, which means anyone who wants to read rather than watch, or search the content, or use a braille display, is out of luck.

Both are fixable in the time it takes to watch the video once. This guide gives you the actual clicks for YouTube, Vimeo, and self-hosted <video>, the WebVTT file format if you need to write captions by hand, and the part people skip: how to decide whether you also owe the video an audio description. If you publish audio without video, the same logic applies in a slightly different shape — see the podcast and audio transcript guide.

Why Video Accessibility Matters

The Deaf and Hard-of-Hearing Community

The World Health Organization estimates that more than 1.5 billion people live with some degree of hearing loss, around 430 million of whom have hearing loss it classes as disabling. For those users, a video without captions is a video they cannot access — not a degraded experience, an absent one.

This is not an edge case. It is a significant portion of your potential audience.

Captions Benefit Everyone

Captions are also switched on by large numbers of viewers with no hearing impairment at all, for reasons that have nothing to do with disability:

  • Non-native speakers use captions to follow along with content in a language they are still learning. If your business serves a multilingual audience, captions are essential.
  • People in noisy environments rely on captions when they cannot hear the audio — on public transit, in a busy office, at a coffee shop, or in a waiting room.
  • People in quiet environments watch videos on mute to avoid disturbing others — at work, at night when a partner is sleeping, in a library.
  • People with cognitive or learning disabilities benefit from receiving information in both audio and text simultaneously, which reinforces comprehension.
  • Everyone benefits from captions for complex content, names, technical terms, and accented speech.

Studies indicate that 80 percent of people who use captions are not deaf or hard of hearing. Captions are a universal usability feature, not just an accessibility accommodation.

SEO Benefits

Search engines cannot watch or listen to your videos. They can, however, read captions and transcripts. Adding captions and transcripts makes your video content discoverable through search. This is one of those rare situations where doing the right thing for accessibility also directly improves your search engine optimization.

The specific standards are easy to name. WCAG 1.2.2 Captions (Prerecorded) is a Level A requirement, which is the lowest rung — a video with speech and no captions fails the most basic conformance level there is. 1.2.3 adds an audio description or a full text alternative at Level A, 1.2.5 requires the audio description itself at Level AA, and 1.2.4 covers captions on live video at AA. Almost every regime that regulates web accessibility points at WCAG rather than writing its own rules, so meeting those criteria is what “compliant video” means in practice, whether the pressure is an ADA demand letter in the US or the European Accessibility Act. Captions are the cheapest of the four to satisfy. Nothing here is legal advice.

Understanding the Three Pillars of Video Accessibility

Fully accessible video involves three components. Not every video needs all three, but understanding each one helps you make the right decisions.

Captions (Subtitles)

Captions are synchronized text that appears on screen, showing what is being said and relevant sound effects. There are two types:

  • Closed captions (CC): The viewer can turn them on or off. This is the standard for web video.
  • Open captions: The text is burned directly into the video and cannot be turned off. These are sometimes used on social media where caption toggling is not available.

For website video, closed captions are the standard and preferred approach.

Transcripts

A transcript is a full text version of everything said in the video, plus descriptions of relevant visual content. Unlike captions, a transcript is not synchronized to the video — it is a separate text document that appears below or alongside the video.

Transcripts serve several purposes:

  • They are accessible to screen reader users who may not be able to interact with the video player.
  • They allow users to quickly scan or search the content without watching the entire video.
  • They provide excellent SEO value since the full text is indexable by search engines.
  • They are useful for people who prefer reading to watching video.

Audio Descriptions

Audio descriptions are a narrated description of important visual content that is not conveyed through the existing audio. For example, if your video shows a product being assembled but the narrator does not describe each step, an audio description track would narrate what is happening visually for blind users.

Audio descriptions are primarily needed for videos where significant information is conveyed visually without being mentioned in the spoken audio. For many business videos — especially talking-head videos, webinars, and tutorials where the speaker describes what they are doing — audio descriptions may not be necessary because the audio already conveys the essential information.

Auto-Generated Captions vs. Professional Captions

Before we get into the how-to, you need to understand this important distinction.

Auto-Generated Captions

YouTube, Vimeo, and other platforms offer automatic speech recognition that generates captions from your audio. These auto-captions have improved significantly in recent years, but they still have notable problems:

  • Accuracy: Auto-captions typically achieve 80 to 90 percent accuracy under ideal conditions (clear speech, no background noise, common vocabulary). That sounds good until you realize that a 10-minute video with 90 percent accuracy will have errors roughly every 30 seconds.
  • Technical terms: Product names, brand names, industry jargon, and unusual words are frequently mangled.
  • Multiple speakers: Accuracy drops when multiple people speak, especially if they talk over each other.
  • Accents: Non-standard accents or non-native speakers often produce significantly worse results.
  • Punctuation and formatting: Auto-captions frequently have missing or incorrect punctuation, making them harder to read.
  • Sound effects: Auto-captions do not include descriptions of relevant non-speech audio (like a doorbell ringing or music playing).

Professional Captions

Professional captioning services (or careful manual editing) produce significantly better results:

  • 99 percent or higher accuracy
  • Correct speaker identification
  • Proper punctuation and formatting
  • Inclusion of relevant sound effects and music descriptions
  • Correct spelling of names, brands, and technical terms

Our Recommendation

For most business use, the best approach is a middle ground: use auto-generated captions as a starting point, then manually review and correct them. This gives you professional-quality results without the full cost of professional captioning.

For high-stakes content — product launches, legal or medical content, formal presentations — consider using a professional captioning service. Costs typically range from $1 to $3 per minute of video for standard turnaround.

How to Add Captions on YouTube

YouTube is the most common video platform for business websites. Here is how to add and edit captions.

Step 1: Check Your Auto-Captions

YouTube automatically generates captions for most videos. To check:

  1. Go to YouTube Studio (studio.youtube.com).
  2. Click Subtitles in the left menu.
  3. Select the video you want to caption.
  4. You should see auto-generated captions listed. The status will show “Published” if they are already active.

Step 2: Review and Edit Auto-Captions

Auto-captions are a starting point. You need to review and fix them:

  1. In YouTube Studio, click Subtitles and select your video.
  2. Click on the auto-generated caption track.
  3. Click Duplicate and Edit.
  4. YouTube will show you the full caption text with timestamps.
  5. Read through the entire text, playing the video alongside to catch errors.
  6. Fix any mistakes — misspelled words, incorrect names, missing punctuation.
  7. Add descriptions of relevant non-speech audio in square brackets, like [door slams] or [upbeat music plays].
  8. Click Publish when you are done.

Step 3: Upload a Caption File (Alternative Method)

If you have a caption file (SRT or VTT format) from a professional service:

  1. In YouTube Studio, go to Subtitles and select your video.
  2. Click Add Language if needed, then click Add next to Subtitles.
  3. Select Upload file.
  4. Choose “With timing” and upload your SRT or VTT file.
  5. Review the result and publish.

Step 4: Add Multiple Languages (Optional)

If your audience is multilingual:

  1. In the Subtitles section, click Add Language.
  2. Select the language.
  3. You can either translate your existing captions manually or upload a separate caption file for that language.

How to Add Captions on Vimeo

Vimeo handles captions differently from YouTube, and the process depends on your Vimeo plan.

Uploading Caption Files

  1. Go to your Vimeo video’s settings page.
  2. Click the Distribution tab.
  3. Scroll to the Subtitles section.
  4. Click the + button to add a new caption file.
  5. Select the language and upload your SRT or VTT file.
  6. The captions will be available to viewers immediately.

Auto-Captions on Vimeo

Vimeo offers auto-generated captions on paid plans. To enable:

  1. Go to your video’s settings.
  2. Under the Distribution tab, find the Subtitles section.
  3. If auto-captions are available on your plan, you will see an option to generate them.
  4. As with YouTube, review and edit auto-generated captions for accuracy.

Creating Caption Files

If you need to create a caption file from scratch, you can use free tools:

  • YouTube: Upload your video as unlisted on YouTube, let it auto-generate captions, download the SRT file, then upload it to Vimeo.
  • Kapwing: A free online tool that can auto-generate captions and export SRT files.
  • Otter.ai: Provides transcription that you can convert to caption format.
  • Manual creation: You can create an SRT file in any text editor. The format is simple — each caption has a number, a timestamp range, and the text.

How to Add Captions to Self-Hosted Video

If you host video files directly on your website (rather than embedding from YouTube or Vimeo), you need to add captions using WebVTT files.

Step 1: Create a WebVTT Caption File

A WebVTT file is a simple text file with the extension .vtt. Here is what the format looks like:

WEBVTT

00:00:01.000 --> 00:00:04.000
Welcome to our guide on accessible packaging.

00:00:04.500 --> 00:00:08.000
Today we will walk through three key principles.

00:00:08.500 --> 00:00:12.000
[upbeat background music]

You can create this file in any text editor. Save it with a .vtt extension.

Step 2: Add the Caption Track to Your Video

If your website uses a standard HTML5 video player, the caption file is linked using a track element in your video code. You may need a developer for this step, or if your content management system has a video block with caption options, you can upload the VTT file through that interface.

Step 3: Test the Captions

Play the video on your site and verify that:

  • Captions appear at the correct times.
  • The user can toggle captions on and off.
  • Caption text is readable (sufficient size and contrast).

How to Add Transcripts

Transcripts are simpler than captions because they do not require timing synchronization.

Creating a Transcript

  1. If you already have captions, export the caption file and remove all timestamps. You now have a transcript.
  2. If you are starting from scratch, use a transcription service or tool (Otter.ai, Rev, or YouTube’s auto-captions) to generate a text version.
  3. Edit the transcript for accuracy, readability, and clarity.

What to Include in a Transcript

A good transcript includes:

  • Speaker identification when multiple people are talking: “Sarah: Welcome to the webinar.”
  • All spoken words, edited for readability (you can clean up filler words like “um” and “uh”).
  • Descriptions of relevant visual content in brackets: [Slide showing Q3 revenue chart]
  • Descriptions of relevant non-speech audio: [Applause], [Video clip plays]

Where to Put the Transcript

The best placement options:

  • Directly below the video on the same page. This is the simplest and most user-friendly approach.
  • In a collapsible/expandable section below the video. This keeps the page clean while making the transcript easily accessible. Label the section clearly: “Read the full transcript.”
  • On a separate linked page. If the transcript is very long (like a full webinar), linking to a separate transcript page is acceptable. Make sure the link is clearly visible near the video.

Audio Descriptions: When You Need Them

Audio descriptions are the most complex aspect of video accessibility and the one that most businesses struggle with. Here is a practical guide to determining if you need them.

You Probably Do Not Need Audio Descriptions If:

  • Your video is a talking head (someone speaking to camera) and everything important is conveyed through speech.
  • Your video is a screen recording or tutorial where the speaker describes everything they are doing.
  • Your video is a podcast or audio-only content with a static image.

You Probably Need Audio Descriptions If:

  • Your video shows a physical process (cooking, assembly, exercise) and the narrator does not describe each step.
  • Your video includes on-screen text, charts, or graphics that are not read aloud.
  • Your video tells a story with visual elements that are not described in dialogue.
  • Your video includes demonstrations where visual details matter.

How to Add Audio Descriptions

For most small businesses, the simplest approach is to re-record or re-edit your video to include verbal descriptions of visual content in the main audio track. This is called “integrated description” and avoids the need for a separate audio description track.

For example, instead of saying “As you can see here…” while showing a chart, say “This chart shows that our customer satisfaction increased from 78 percent to 94 percent over the past year.”

This approach makes the video more accessible to everyone, not just people using audio descriptions.

Video Player Accessibility

The video player itself needs to be accessible. Here is what to look for.

Keyboard Operability

Users should be able to:

  • Play and pause using the Space bar or Enter key
  • Adjust volume using arrow keys
  • Toggle captions using a keyboard shortcut or Tab navigation
  • Seek forward and backward

YouTube and Vimeo embedded players handle this well. If you use a custom video player or a third-party player plugin, test it with keyboard-only navigation — the keyboard testing walkthrough covers how to do that in about ten minutes without any tooling.

Visible Controls

Video controls (play, pause, volume, captions, fullscreen) should be clearly visible and labeled. Avoid video players that hide controls until the user hovers with a mouse — keyboard and touch users may not be able to access hidden controls.

No Autoplay

Videos should not play automatically. Autoplay disrupts screen readers, startles users, and consumes bandwidth without consent. If you use a video as a background visual element, make sure it has no audio and that essential content is not conveyed solely through the video — autoplay background video goes through the hero-video case specifically, including the pause control WCAG 2.2.2 requires once the clip runs longer than five seconds.

Your Video Accessibility Checklist

For every video on your website, work through this checklist:

  • Captions are present and accurate (not just auto-generated without review)
  • A transcript is available on or near the page
  • Audio descriptions are provided if visual content is not described in the audio
  • The video player is keyboard accessible
  • The video does not autoplay
  • The video does not contain flashing content (more than three flashes per second)
  • Captions have sufficient contrast and readable text size

Getting Started Today

If you have multiple videos on your site, you do not need to caption them all at once. Prioritize in this order:

  1. Your most-viewed videos. Check your analytics to identify which videos get the most views and start there.
  2. Videos on your homepage and key landing pages. These are the pages most likely to be encountered by visitors and most likely to be scrutinized in an accessibility complaint.
  3. Product or service videos. These directly relate to purchasing decisions.
  4. All remaining videos. Work through the rest over time.

For each video, the minimum viable accessibility improvement is to review and correct auto-generated captions. That single step addresses the most critical need for the largest number of users.

Adding transcripts is your next highest-impact step. If you already have corrected captions, creating a transcript takes just minutes — export the caption text and format it as readable paragraphs.

Video accessibility may seem like extra work, but it becomes routine once you build it into your video publishing process. Caption every video before you publish it, just like you would not publish a blog post without proofreading it. Over time, this becomes a natural part of your workflow rather than a separate task.

A transcript is also the one accessibility artefact a search engine can read directly — where accessibility and SEO overlap explains why that makes captioning unusually easy to justify to whoever signs off the budget.

If your video lives somewhere with its own constraints, these go deeper on the specifics: online course platforms for Kajabi and Teachable lesson video, events and webinars for live captioning, and social media for the burned-in captions that short-form platforms expect.

Want to know what is actually broken on your site? Get an accessibility report.