Video control is missing
| Field | Value |
|---|---|
| Rule code | Video_Controls_Missing |
| WCAG conformance level | A |
| WCAG success criterion | 1.4.2 Audio Control |
| Must be fixed at source | Yes |
Description
A video component was found without controls. Each video element that auto-plays must provide user controls to stop or start the video. Video that cannot be controlled can interfere with assistive tools like screen readers. A screen reader reads the page's content aloud. When audio is playing back from a video, it may be difficult to hear the screen reader's output, and video playback can be distracting. Provide a video control or a mechanism for the user to pause, stop, or hide the content.
How to fix
Each <video> element needs to have a way to pause or stop playback and mute the volume. Make sure the controls can be accessed by someone using assistive tools. Use a keyboard, screen reader, or other assistive tools to test the controls.
Include the controls and muted attributes on <video> elements that have autoplay to provide playback controls and ensure sound does not autoplay too.
<video src="example.mp4" autoplay controls muted></video>
If a custom video player is used instead of the <video> element, it must include equivalent controls.