辅助功能：JAWS 不会为 *ngIf 发音 aria-live 礼貌或自信

Question

我正在使用 Angular，每当下面代码中的isVisible变为真时，下面的 html 代码就会呈现在页面上。

<div *ngIf="isVisible">
  <span aria-live="assertive" aria-atomic="true">Read this new text</span>
</div>

每次呈现时（可以根据行为删除和添加几次），我需要 JAWS 来发音跨度中的文本： Read this new text 。 为此，我尝试使用 aria-live="polite" （不发音）甚至 aria-live="assertive" 甚至 aria-live="assertive" 和 aria-atomic="true" 基于这个Aria - 在 chrome 问题上删除元素时，实时区域不会读取更新。

如何让它发挥作用？ 使用：JAWS，谷歌浏览器。

Answer 1

添加或删除活动区域效果不佳，您应该只操作此类区域的内容。

<div aria-live="assertive" aria-atomic="true">
  <span *ngIf="isVisible">Read this new text</span>
</div>

assertive是否是正确的选择应该非常仔细地考虑。 这对用户来说是相当具有破坏性的。 大多数时候polite是更好的选择。

当区域被指定为自信时，辅助技术将立即通知用户，并可能清除先前更新的语音队列。

– aria-live上的 ARIA

另一个一般性建议是，发布的信息也需要根据用户的条件轻松访问，以防他们错过或不理解。 一个字段的错误消息应该通过警报来宣布，但也应该绑定到输入字段，以便在用户每次关注该字段时读取。