Learn Measure Blog About

<audio> elements are missing a <track> element with [kind="captions"]

Updated

Captions make audio elements usable for deaf or hearing-impaired users, providing critical information such as who is talking, what they're saying, and other non-speech information.

How the Lighthouse audio track audit fails

Lighthouse flags <audio> elements that are missing <track> elements.

The Lighthouse Accessibility score is a weighted average of all the accessibility audits. See the Lighthouse accessibility scoring post for more information.

How to add an audio track

Add at least one track element to the audio element with attribute kind="captions":

<audio>
<source src="favoriteSong.mp3" type="audio/mp3">
<track src="captions_en.vtt" kind="captions" srclang="en" label="english_captions">
<track src="captions_es.vtt" kind="captions" srclang="es" label="spanish_captions">
</audio>

Resources

Last updated: Improve article