理解一个具体问题

看得见也听得到:状态通知

无障碍状态提示要有文字,按钮名称应表达动作。动态消息应能被辅助技术识别,并避免无故移动焦点或持续打断阅读。

未核验
看得见也听得到:状态通知的关键字段
学习编号 LEARN-005
核心问题 看得见也听得到:状态通知
分类 看得见也听得到
材料性质 本站原创教学卡;案例为非露骨虚构情境,状态文案是设计示例。

设计依据

W3C 状态消息说明讨论无需焦点切换也能感知的更新。普通的“正在缓冲”“已恢复”可考虑预先存在的 role="status" 区域;是否符合要求还需在实际页面和辅助技术中测试。

虚构文案案例

用户停留在“继续播放”按钮时,缓冲结束只更新状态文字,焦点仍留在原控件。按钮由播放变暂停时,同步更新可访问名称。不要每次播放时间变化都播报。

核对动作

仅用键盘完成播放、暂停、重试路径;检查 Tab 顺序、可见焦点、状态是否能听到。不要只靠绿色表示播放、红色表示失败,也不要将每个普通更新设为紧急警报。

适用范围

适合

  • 编写播放器提示的产品与内容人员
  • 学习媒体状态的网页开发初学者

不适合

  • 仅凭页面状态诊断具体网络故障
  • 将视频播放完成作为知识掌握证明

继续阅读对应指南

指南 更新于 2026-09-12

状态提示复盘:错误恢复与无障碍检查

检查提示是否与实际状态一致、操作是否可达、恢复后是否更新,以及键盘和辅助技术用户能否感知变化。记录现象、证据和未确认部分,比写“全部正常”更有用。

包含 5 个可复现步骤

阅读指南

接下来可以看

数据透明度

来源与核验状态

未核验
  • W3C:状态消息说明 已核验
    发布方
    W3C WAI
    访问日期
    2026-09-11
    支持字段
    无需移动焦点的状态消息应可由辅助技术识别;此文不是本站无障碍认证
    查看来源