关于角色的可访问性="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 演示了实时区域是如何工作的。
我想我的问题可能过于简单了,但我似乎找不到太多关于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 演示了实时区域是如何工作的。