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

Rule ID: no-autoplay-audio
Ruleset: axe-core 4.8
User Impact: Moderate
Guidelines: WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Trusted Tester, EN 301 549

Squash more accessibility bugs with axe DevTools Pro

Find and fix more issues with Intelligent Guided Tests™ by answering a series of simple questions about your page content. Free trial. No credit card needed.

Compliance Data & Impact

User Impact

Moderate
▼
Minor
Critical

Disabilities Affected

  • Blind
  • Deafblind
  • Cognitive

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)
  • WCAG 2.2 (A)
  • Trusted Tester
  • EN 301 549

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

WCAG Success Criteria [WCAG 2.2 (A)]

  • 1.4.2: MUST: Audio Control

Trusted Tester Guidelines

  • 2.A: MUST: The user can pause, stop, or control the volume of audio content that plays automatically.

    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

    Deque University Course Pages (subscription required)

    Contribute to axe-core on GitHub

    Refer to the complete list of axe 4.8 rules.

    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: