关于角色的可访问性="status"

Accessibility regarding role="status"

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

的页面

<div role="status"> 类似于 <div aria-live="polite"> - see reference.

<div role="alert"> 类似于 <div aria-live="assertive" aria-atomic="true"> - see reference.

实时区域有点棘手。要正常工作,它们需要在 page-load 时存在于 HTML 中,但只有当容器内的内容发生变化时它们才会被宣布。更新容器内的内容通常是通过 JavaScript 完成的。

aria-live 属性设置为隐式值 polite 时,screen-readers 应该在宣布实时区域更新之前完成读取当前项目。

aria-live 属性设置为隐式值 assertive 时,screen-readers 应该中断当前的文本流以宣布实时区域更新。

aria-atomic="true" 的隐式属性意味着实时区域的全部内容(不仅仅是新的或更新的部分)将被公布。

Terrill Thompson 有一个非常好的 ARIA Live Region Test Page 演示了实时区域是如何工作的。