自动播放视频按钮的aria-pressed属性默认状态咨询
自动播放装饰视频的播放/暂停按钮aria-pressed初始值设置方案
结论很明确:应该将aria-pressed初始设为true,完全贴合你提供的示例代码,这是最符合屏幕阅读器用户直观体验的选择,理由如下:
- 优先匹配功能的当前状态:
aria-pressed的核心作用是标识按钮的激活状态,而非用户是否进行过交互。当视频自动播放时,按钮当前的功能是“暂停视频”——这个功能对应的状态是激活的(因为视频正在播放,点击按钮会触发暂停动作),所以设为true完全符合ARIA规范。屏幕阅读器会播报“已按下: 是,暂停视频”,用户能立刻明白当前视频处于播放状态,点击按钮会执行暂停操作。 - 避免认知冲突:如果强行因“用户未交互”设为
false,屏幕阅读器会播报“已按下: 否,暂停视频”,这会让用户产生困惑——明明视频在播放,为什么暂停按钮是未按下状态?这种状态不匹配会增加认知负担,违背无障碍设计的初衷。 - 按钮文本与状态保持一致:你的示例中按钮文本是“Pause”,
aria-label也是“Pause video”,和aria-pressed="true"完美对应,形成了“状态-功能”的统一逻辑,用户接收的信息连贯无歧义。
确认后的示例代码
<button aria-label="Pause video" aria-pressed="true" class="btn-clean">Pause</button>
内容的提问来源于stack exchange,提问作者bilcker
相关产品推荐
相关产品推荐

