理解一个具体问题
看得见也听得到:状态通知
无障碍状态提示要有文字,按钮名称应表达动作。动态消息应能被辅助技术识别,并避免无故移动焦点或持续打断阅读。
| 学习编号 | LEARN-005 |
|---|---|
| 核心问题 | 看得见也听得到:状态通知 |
| 分类 | 看得见也听得到 |
| 材料性质 | 本站原创教学卡;案例为非露骨虚构情境,状态文案是设计示例。 |
设计依据
W3C 状态消息说明讨论无需焦点切换也能感知的更新。普通的“正在缓冲”“已恢复”可考虑预先存在的 role="status" 区域;是否符合要求还需在实际页面和辅助技术中测试。
虚构文案案例
用户停留在“继续播放”按钮时,缓冲结束只更新状态文字,焦点仍留在原控件。按钮由播放变暂停时,同步更新可访问名称。不要每次播放时间变化都播报。
核对动作
仅用键盘完成播放、暂停、重试路径;检查 Tab 顺序、可见焦点、状态是否能听到。不要只靠绿色表示播放、红色表示失败,也不要将每个普通更新设为紧急警报。
适用范围
适合
- 编写播放器提示的产品与内容人员
- 学习媒体状态的网页开发初学者
不适合
- 仅凭页面状态诊断具体网络故障
- 将视频播放完成作为知识掌握证明
继续阅读对应指南
指南
状态提示复盘:错误恢复与无障碍检查
检查提示是否与实际状态一致、操作是否可达、恢复后是否更新,以及键盘和辅助技术用户能否感知变化。记录现象、证据和未确认部分,比写“全部正常”更有用。
包含 5 个可复现步骤
阅读指南接下来可以看
学习卡片
待播放与加载:点击不等于开始
待播放表示尚未开始播放;加载表示正在准备媒体。点击只表达用户意图,界面要等实际播放反馈再显示“正在播放”。
- 使用方式
- 阅读与实践
- 内容性质
- 教学材料
学习卡片
完成与恢复:进度不是学习证明
播放结束仅表示媒体到达结尾。重播、跳转和错误恢复都可能改变播放位置,页面不能由 ended 推断读者已经掌握知识。
- 使用方式
- 阅读与实践
- 内容性质
- 教学材料
数据透明度
来源与核验状态
- W3C:状态消息说明 已核验
- 发布方
- W3C WAI
- 访问日期
- 2026-09-11
- 支持字段
- 无需移动焦点的状态消息应可由辅助技术识别;此文不是本站无障碍认证