Accessibility Tip: Add captions and transcripts

Last updated on January 01, 2022A11y issues

Audio transcripts should be provided for audio content, so that deaf people can still access the content

This means you should have a written copy of words spoken in audio content - such as podcasts, voice recordings etc.

Videos with audio should also have captions, so they can be understood even if no access to sound

Why should we add captions and transcripts?

As well as enabling deaf or hard of hearing people to consume the content, adding captions and transcripts benefits many other people:

  • Those who may not understand the language in spoken form, but are able to read it
  • Those who are in loud environments, environments where you cannot play sounds, or where listening through a speaker is not possible

What is the difference between captions and transcripts?

  • Transcripts are when audio is presented as text (such as the entire transcript of a podcast).
  • Captions, more commonly used with videos, are when they’re displayed at the correct time to match up with the content shown.

WCAG specification for captions and transcripts

Found this post useful?

Please consider sharing this link with your work colleagues or on social media. There are no ads on my site, I just want to promote accessibility.

Found an issue? please point them out - let me know if there is a mistake and I'll update it

Follow me on Twitter: @A11yForDevs. I post links to interesting a11y articles and resources.

More posts

Welcome to Accessibility for Developers

New to accessibility?

Accessibility for Developers

This is a free site to give advice on how to make your website accessible

I have been a software developer for nearly a couple of decades, and really want to help promote better accessibility in apps and websites that we, as developers, create! Accessibility isn't very difficult, it is just important to be aware about it and understand it.

If you spot any mistakes or have any suggestions, ideas or collaborations please check out my contact page.

Important: The information on this website is for general informational purposes only. I make no representation or warranty, express or implied. Your use of the site is solely at your own risk. I've tried my best to make sure all information is accurate, but I am just a software engineer (not an accessibility expert).