看得见也听得到
看得见也听得到
无障碍状态提示要有文字,按钮名称应表达动作。动态消息应能被辅助技术识别,并避免无故移动焦点或持续打断阅读。
本栏回应什么问题
W3C 状态消息说明讨论无需焦点切换也能感知的更新。普通的“正在缓冲”“已恢复”可考虑预先存在的 role="status" 区域;是否符合要求还需在实际页面和辅助技术中测试。
适合:编写状态提示的产品人员、网页开发初学者和自学读者
学习步骤
- 用户停留在“继续播放”按钮时,缓冲结束只更新状态文字,焦点仍留在原控件。按钮由播放变暂停时,同步更新可访问名称。不要每次播放时间变化都播报。
- 仅用键盘完成播放、暂停、重试路径;检查 Tab 顺序、可见焦点、状态是否能听到。不要只靠绿色表示播放、红色表示失败,也不要将每个普通更新设为紧急警报。
常见误区
- 只用颜色表达状态
- 普通状态更新强制移动焦点
本栏学习卡片
学习卡片
看得见也听得到:状态通知
无障碍状态提示要有文字,按钮名称应表达动作。动态消息应能被辅助技术识别,并避免无故移动焦点或持续打断阅读。
- 使用方式
- 阅读与实践
- 内容性质
- 教学材料
相关指南
指南
状态提示复盘:错误恢复与无障碍检查
检查提示是否与实际状态一致、操作是否可达、恢复后是否更新,以及键盘和辅助技术用户能否感知变化。记录现象、证据和未确认部分,比写“全部正常”更有用。
包含 5 个可复现步骤
阅读指南常见问题
缓冲就表示用户网络断开吗?
不能。waiting 表示暂时缺少数据,不定位故障环节。可写“正在缓冲”,不要在没有证据时断言用户断网或服务器故障。