Ensure the audio is labeled, the user can control playback, and there are alternatives for users who cannot hear the audio or need more time to process the information.
Include a label that describes the audio. [WCAG 1.1.1]
audioelement's native controls by default. [WCAG 2.1.1]
Include a transcript. [WCAG 1.2.1]
When including audio clips, ensure that the native user agent controls are enabled by default (i.e.,
by setting the
controls attribute on the
audio element). This practice ensures
that the control are accessible even if scripting is not available. If custom controls are provided and
audio element allows child content for fallback purposes, such content is not
intended to serve as an accessible alternative. It is only made available to the user if the
audio element is not supported by the user agent (e.g., EPUB 2 user agents).
The following methods for making audio content accessible are instead recommended in the HTML5 specification:
- Providing navigation by scene using the
trackelement (i.e., using the
- Providing a link to a transcript.
- If captions or a sign language video are available, the
videoelement can be used to play back the clip synchronously.