用途:该条目属于前端检查清单的无障碍规则,用于在审查渲染后的 HTML、交互组件或设计系统模式时,检查并避免媒体自动播放问题。
主要能力与检查要点:验证页面加载时没有音频或视频自动播放;若自动播放确有必要,确认媒体默认静音,且暂停控件在前几个 Tab 停靠点内即可通过键盘访问。规则指出,自动播放的音频会盖过屏幕阅读器语音、惊吓用户并浪费带宽,因此提供用户控制对无障碍和良好体验至关重要。
建议做法:从媒体元素上移除 autoplay 属性;如必须自动播放,则添加 muted 属性并提供醒目、键盘可访问的暂停控件;对于含多个媒体元素的页面,可考虑添加全局暂停按钮。自动播放应在 5 秒后停止,或提供停止机制。
使用方式:在代码审查中检查影响该规则的渲染标记与交互状态,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器无障碍工具或辅助技术验证修复。完整实现细节、代码示例和框架相关指导见 references/rule.md,规则页面为 https://frontendchecklist.io/rules/accessibility/autoplay-media。