带有 aria-live 的可访问性 Angular5

Question

我们在 Angular 6 上有一个应用程序，并且必须实现可访问性。我在 angular-components 中添加了 aria-live="polite"，但 Chromevox 阅读器在加载数据时会自行中断。因为我们使用套接字并以随机顺序获得响应。 设置阅读器阅读组件内部文本的顺序是否是一种解决方案？

Answer 1

不确定您所说的 chromevox 是“中断自身”。你的意思是它停止说话？我会首先检查 JAWS 和 NVDA，看看它是否运作良好。 Chromevox 是测试的最后手段。 JAWS/NVDA 上的很多东西都不能在 chromevox 上工作。

为了确保您正确使用它，当您拥有动态更新的组件并且您希望向屏幕阅读器宣布这些更改时，应该使用aria-live。 “礼貌”是该属性的正确值，除非在极少数情况下您需要立即宣布更改，否则应使用“自信”。

更少使用的应该是role="alert"，它有一个隐含的aria-live="assertive"，并且还可能与平台的警报消息系统相关联，并且通常会在您的更改之前宣布“警报”。