我使用的是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。
新增或刪除活動區域效果不佳,您應該只操作此類區域的內容。
assertive
是否是正確的選擇應該非常仔細地考慮。這對用戶來說是相當具有破壞性的。大多數時候polite
是更好的選擇。–
aria-live
上的 ARIA另一個一般建議是,所發布的信息也需要能夠根據用戶的條件輕鬆訪問,以防用戶錯過或不理解。字段的錯誤訊息應透過警報宣布,但也應綁定到輸入字段,以便每次使用者聚焦該字段時讀取。