ARIA 在 HTML 中的规范,包括关于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指导 https://www.w3.org/TR/html-aria/ (英)
aria-live=”off”(default)不启用 aria-live: 将网页某个部分标记为 live,以便及时向用户显示更新内容,而不是用户浏览这部分网站时更新(可能位于初始页面加载中;不同的屏幕阅读器和辅助技术对不同更改的响应不同,如果辅助技术不能阅读,尝试不同类型的内容更改)。aria-live=“polite”(完成正在执行的操作时,提醒用户这一更改,这个消息一般很重要但不紧急),上面第二个聊天界面便运用了 aria-live,当新消息接受到屏幕阅读器便会提醒用户 aria-live=”assertive” 打断正在进行的操作并立即提醒用户这一更改,仅适用于紧急更新
aria-atomic(显示更新时能否将整个区域当作一个整体),aria-relevant,aria-busy 细调在实时区域发生更改时向用户显示的信息(1)atomic(默认 false)只修改 day,month 或 year 系统会朗读日期部件的完整内容(2)relevant 表示应该向用户呈现何种类型的更改,默认 additions,可用 removals,textadditions:添加到实时区域的任何元素都很重要添加的新项系统会阅读,但是要求 aria-atomic 为 falsetext:添加到任何子节点的文本内容是相关内容,无论新的元素是否实际被添加
更改提醒栏的文本内容会引发通知(实际没有添加任何子元素)removals:删除任何子元素或者文本会引发通知 all:几乎任何更改都很重要默认 additions text 添加子元素或文本内容很重要,最常用,因此很少指定 aria-relevantaria-busy 通知辅助技术暂时忽略对该元素的更改
暂停出现连接问题时发出提醒,恢复时重新设置为 false