<video> or <audio> elements must not play automatically

Rule ID: no-autoplay-audio
Ruleset: axe-core 4.6
User Impact: Moderate
Guidelines: WCAG 2.1 (A), WCAG 2.0 (A)

Learn Web Accessibility

Subscribe to our extensive curriculum of online self-paced courses

Compliance Data & Impact

User Impact

Moderate
Minor
Critical

Disabilities Affected

  • Blind
  • Deafblind
  • Cognitive

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)

WCAG Success Criteria [WCAG 2.1 (A)]

  • 1.4.2: MUST: Audio Control

WCAG Success Criteria [WCAG 2.0 (A)]

  • 1.4.2: MUST: Audio Control

How to Fix the Problem

Fix this issue by using ONE of the following techniques:

  1. Only start audio by an action initiated by the user (strongly preferred).

  2. Stop the auto-playing audio within three seconds.

  3. Provide an easily located, accessible mechanism to stop, pause, mute, or adjust volume for audio that automatically plays for more than 3 seconds.

Why it Matters

People who are blind or have low vision and use screen reading software can find it hard to hear the screen reader's speech output if there is other audio playing at the same time. If automatically playing audio lasts more than three seconds, an easily located, accessible mechanism must be provided to pause or stop the audio or control the audio volume. An audio control allows screen reader users to hear the screen reader without other sounds playing.

Note:

Playing audio automatically when landing on a page may affect a screen reader user's ability to find the mechanism to stop it because they navigate by listening and automatically started sounds might interfere with that navigation. Therefore, we discourage the practice of automatically starting sounds (especially if they last more than three seconds), and encourage that the sound be started by an action initiated by the user after they reach the page, rather than requiring that the sound be stopped by an action of the user after they land on the page.

Rule Description

Ensures <video> or <audio> elements do not autoplay audio for more than three seconds without a control mechanism to stop or mute the audio.

The Algorithm (in simple terms)

The algorithm for this rule returns:

  • Undefined when <audio> has no source (duration cannot be interpreted).

  • Undefined when <video> has no source (duration cannot be interpreted

  • False when <audio> can autoplay and has no controls mechanism.

  • False when <video> can autoplay and has no controls mechanism

  • False when <audio> plays less than three seconds but loops.

  • True when <video> can autoplay and duration is less than three seconds (by passing options).

  • True when <video> can autoplay and duration is below allowed duration (by setting playback range).

  • True when <audio> can autoplay but has controls mechanism.

  • True when <video> can autoplay and has controls mechanism.

Resources

Was this information helpful?

You have already given your feedback, thank you..

Your response was as follows:

Was this information helpful?
Date/Time feedback was submitted: