SC 1.4.2 级别 A WCAG 2.0
音频控制
自动播放超过三秒的音频必须提供独立于系统音量的暂停、停止或音量控制,以免盖过屏幕阅读器的语音。
要求内容
如果页面自动播放音频——背景音乐循环、页面加载时自动开始的视频声音、自动播放广告——且持续时间超过三秒,用户必须能够暂停或停止它,或者单独调节其音量,而不依赖系统音量。原因在于技术层面:屏幕阅读器以系统音量发声;同等音量的背景音频会将语音完全淹没。
如何满足
- 页面加载时完全不自动播放音频。这是最简单的合规路径。
- 如果必须自动播放(特定媒体体验页面),请在第一屏内提供可见的”暂停”或”停止”按钮。
- 添加独立于操作系统音量的音量滑块。
- 自动播放视频时使用
<video muted>——现代浏览器本身就会拒绝带声音的自动播放。 - 确认音频控件可通过键盘访问,且是音频开始后的第一个可交互元素。
常见失败情形
- 营销首屏视频带声音自动播放,且没有可见的静音控件。
- 作品集网站的背景音乐循环,在 5 秒内渐入,却没有关闭开关。
- 自动播放广告中,“静音”控件位于用户无法聚焦的 iframe 内。
- 带有
autoplay属性但没有controls属性的音频元素。 - 英雄视频的暂停按钮仅在悬停时显示——键盘用户无法找到它。
为何重要
如今几乎没有现代浏览器允许带声音的自动播放,因此 Chrome 和 Safari 已在一定程度上替你强制执行了 1.4.2。但仍需审查任何使用 Audio() 构造函数或 JavaScript play() 调用的页面——这些方式会绕过部分自动播放拦截机制,可能触发此类失败。