屏幕 reader 未读取切换验证

Question

我目前正在研究应用程序的可访问性，当出现以下无效条目

时，我在获取屏幕 reader (JAWS 16) 警报时遇到问题

<span class="input-group-addon">
    <span class="fa fa-exclamation fa-fw" role="alert" aria-invalid="true" aria-live="assertive"></span>
</span>

切换到有效。

<span class="input-group-addon">
    <span class="fa fa-check fa-fw" role="alert" aria-invalid="false" aria-live="assertive"></span>
</span>

再返回无效。

当有效 HTML 出现时屏幕 reader 会说 "alert" 但切换回无效时不会说 "alert" 或任何音频反馈。

非常感谢任何帮助。

谢谢

Answer 1

实时区域事件由内容可见性的变化、元素的子内容的变化以及向 DOM 添加实时区域触发。 Core Accessibility API specification 中详细介绍了机制。据我了解，更改 aria-invalid="true|false" 等属性值不会触发实时区域事件。

本文可能有助于理解 role=alert：ARIA role=alert browser support 请注意： 它已有 3 年历史，希望浏览器支持自编写以来有所改进。

Screen reader not reading toggling validation