关于角色=“状态”的可访问性

Question

我相信我的问题可能过于简单，但我似乎找不到太多关于如何role="status"确定要宣布的内容的信息。任何反馈将不胜感激。不幸的是，大多数资源都指向这个页面，404s https://www.w3.org/TR/wai-aria/roles#status

Answer 1

<div role="status">类似的可<div aria-live="polite">参见参考。

<div role="alert">类似的可<div aria-live="assertive" aria-atomic="true">参见参考。

实时区域有点棘手。为了正确工作，它们需要在页面加载时存在于 HTML 中，但只有当容器内的内容发生更改时才会宣布它们。更新容器内的内容通常是通过 JavaScript 完成的。

当该aria-live属性设置为隐式值时polite，屏幕阅读器应在宣布活动区域更新之前完成当前项目的读取。

当该aria-live属性设置为隐式值时assertive，屏幕阅读器应中断当前文本流以宣布活动区域更新。

的隐式属性aria-atomic="true"意味着将公布活动区域的全部内容（而不仅仅是新的或更新的部分）。

Terrill Thompson 有一个非常好的ARIA Live Region 测试页面，它演示了 live 区域如何实际工作。