輔助功能：JAWS 不會對 *ngIf 發出禮貌或自信的 aria-live 發音

Question

我使用的是Angular，每次當下面程式碼中的isVisible 變成true 時，下面的html 程式碼就會呈現在頁面上。

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

每次渲染時（可以根據行為刪除和添加多次），我需要 JAWS 來發音跨度中的文字：閱讀這個新文字。 為此，我嘗試使用aria-live="polite" （不發音），甚至aria-live="assertive" 甚至aria-live="assertive" 和aria-atomic="true" 基於此Aria -在chrome 問題上刪除元素時，即時區域不會讀出更新。

如何讓它發揮作用？ 使用：JAWS、Google Chrome。

Answer 1

新增或刪除活動區域效果不佳，您應該只操作此類區域的內容。

  Read this new text

assertive 是否是正確的選擇應該非常仔細地考慮。這對用戶來說是相當具有破壞性的。大多數時候 polite 是更好的選擇。

– aria-live 上的 ARIA

另一個一般建議是，所發布的信息也需要能夠根據用戶的條件輕鬆訪問，以防用戶錯過或不理解。字段的錯誤訊息應透過警報宣布，但也應綁定到輸入字段，以便每次使用者聚焦該字段時讀取。