You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

自动播放视频按钮的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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.18 05:14:56