Skip to main content
All articles

October 27, 2026·8 min read

How to Build an Accessible Video Embed

Learn how to build an accessible video embed: give the frame a clear title, add checked captions and a transcript, and keep autoplay off the page.

accessibilitywcagvideocaptionstranscriptsembedsyoutubevimeo

An accessible video embed gives every visitor the same content in a form they can use: a frame title that names the video, captions that carry speech and sounds that matter, a transcript on the page, and a player that stays quiet until the visitor presses play. A pasted YouTube or Vimeo embed on its own gives you none of that in full. The embed code supplies the player. You supply the rest.

Key takeaways

  • Give every video iframe a short title that names the video itself, not the platform.
  • Add captions that match the audio, with speaker names and sounds that carry meaning, and check automatic captions before you publish.
  • Put a transcript near the video, with speech plus visual facts the soundtrack does not carry.
  • Leave autoplay off, and test the player with a keyboard only.

Give an accessible video embed a frame name people can act on

A screen reader meets an iframe as a separate frame inside your page. Without a title, it can announce only the word frame, or read out a source address that tells the listener nothing about the video. With a title, the listener can decide whether to enter the frame at all. WCAG 4.1.2, Name, Role, Value, is Level A, and it asks for a name assistive technology can determine. For an iframe, the title attribute is the standard way to supply that name.

Pasted embed code rarely does this work. The default title is generic or blank, so edit it before you publish:

<iframe src="https://www.youtube.com/embed/VIDEO_ID" title="Product demo: setting up a shop"></iframe>

The version without a title fails the check above. The version with a title tells a listener what they will get if they enter the frame. Keep each title short and specific, and give two videos on one page two different titles. The iframe title guide on our blog covers this naming job in full.

Captions that match what was actually said

Captions are synchronized text for the audio track. They carry the spoken words, name the speaker when that matters, and note sounds that carry meaning, such as applause or a door closing. WCAG success criterion 1.2.2, Captions (Prerecorded), is Level A, and it asks for captions for all prerecorded audio content in synchronized media, except when the media is a media alternative for text and is clearly labeled as such.

Subtitles are a different thing. They give a text version of speech for viewers who can hear the audio but may not follow the language. Captions add the sounds and speaker cues that a viewer who cannot hear the audio needs. A subtitle file that drops the sounds has not covered the caption job.

Automatic captions are a starting draft, not a finished file. Both YouTube and Vimeo can generate captions on their own, and both need a human review before the video goes live. W3C media guidance, quoted in an independent video checklist, states that automatically generated captions do not meet user needs or accessibility requirements unless they are confirmed to be accurate, and they usually need significant editing.

On YouTube, edit the caption track in the studio, including text and timing, then save the corrected track. On Vimeo, edit the caption track in the video settings and save. Vimeo does not let you change caption timing in the same way, so a timing problem there may call for a fresh caption file upload.

Watch your own video once with sound off and captions on, and fix any garbled name, missing sound or late line.

A transcript on the page, not only inside the player

A transcript is a text version of the spoken content, usually not synchronized with the video. It sits on the page near the video, so a visitor can read it at their own pace without replaying the clip. WAI media guidance lists transcripts as one of the components to address, and it asks for a descriptive transcript where possible, one that also describes visual information.

Captions run in time with the video and sit inside the player. A transcript lives on the page and can be read without starting the video. Start from the corrected caption file and add the visual facts: who appears, what text shows on screen, and what chart or demo step the speaker points to.

Put a short link right under the video, for example Read the full transcript, and keep the transcript on the same page when you can.

Now ask the visual question for each video: listen to the audio with the screen off and list what you missed. If the speaker points at the screen without saying what is shown, that detail belongs in the transcript and, at a higher level of care, in audio description. WCAG 1.2.3 is Level A and allows either audio description or a full text alternative. WCAG 1.2.5 is Level AA and asks for audio description itself for prerecorded video. If the narration already says everything that matters, no separate description is needed.

Stop autoplay and keep the player keyboard friendly

Autoplay is the part of an embed that most often breaks a page for other visitors. A video that starts on its own can talk over a screen reader and pull attention away from the text beside it. Leave autoplay off, and let the visitor press play.

Two WCAG criteria set the limits here. Success criterion 1.4.2, Audio Control, is Level A: audio that plays automatically for more than 3 seconds must have a way to pause or stop it, or a way to control volume apart from the system volume. Success criterion 2.2.2, Pause, Stop, Hide, is Level A: moving content that starts by itself, lasts more than 5 seconds and sits beside other content needs a way to pause, stop or hide it, unless the motion is part of the activity itself.

Check the embed code for an autoplay parameter and remove it. For a YouTube embed, do not add autoplay set to on. For a Vimeo embed, do the same. If a background video must play without sound, give the page a visible pause control that works by keyboard.

Then test the player with a keyboard only. Tab to each control: play, pause, volume, captions and full screen. Each control needs to take focus you can see, work with Enter or Space, and carry a name a screen reader can announce. That test follows WCAG 2.1.1, Keyboard, as does the Google Maps embed guide.

How Axeazy helps with this exact issue

Axeazy lists iframe titles among the 14 fix categories it works on, so a scan can flag a video iframe that has no usable title, and fix work starts from the code rather than from a script laid over the page. For a site with a GitHub repository, fixes arrive as a pull request with a visible code diff for review and merge. Read the honest scope on the capabilities page.

Automatic video captioning sits on paid plans, not on the free scan. It can give you a caption draft to review and correct. Captions, transcripts and audio description still need the human review described above, because a scan cannot judge whether a caption file matches the audio.

Axeazy does not scan content behind logins or on third party hosted embeds the scanner cannot reach, so a video that lives only inside a logged in course area stays outside the scan. For those videos, run the checks in this article by hand. See the methodology page for how Axeazy weighs issues.

Want a quick read on your own site? Run the free scan on the home page. It needs no signup, and it shows iframe title issues on your homepage in about 60 seconds.

Last checked: October 26, 2026.

FAQ

Do I need a frame title if the video title already shows on the page?

Yes. The title shown beside a video helps sighted visitors, but it does not give the iframe itself a name that assistive technology can announce. A screen reader user who lists frames on a page still needs that title attribute to tell one video from another.

Are automatic captions good enough on their own?

No, not until a person has checked them against the audio. Automatic captions can mishear names, drop small words that change meaning and miss sounds that matter. Correct the text and timing, and watch the video once with sound off and captions on before you publish.

What should a transcript include that captions do not?

A transcript should include the full speech in reading order, plus visual information the soundtrack does not carry, such as on screen text, charts and demo steps. Captions run in time with the video, while a transcript sits on the page and can be read without starting the video.

Should a video ever start playing on its own?

Leave autoplay off as the default choice. A video that starts on its own can talk over a screen reader and pull attention from the text beside it. If a video must start without sound, add a visible pause control that works by keyboard.

Sources

Check your own site

See what is actually wrong with your site.

Free, 60 second WCAG 2.2 AA scan. No credit card required.

Scope of every report we ship: SCOPE LIMITATION: This report documents violations identified by automated WCAG 2.2 AA scanning using axe-core v4.11.0. Automated tools cannot test every WCAG criterion; many criteria require manual review. This report does not constitute legal advice, guarantee ADA compliance, or protect against legal action. ADA compliance is a legal determination made by courts. For full WCAG conformance assessment, engage an IAAP-certified accessibility professional.