屏幕阅读器不读取切换验证

Question

我目前正在为一个应用程序的可访问性工作，当出现以下无效条目

时，我遇到了屏幕阅读器(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出现时，屏幕阅读器会显示"alert"，但当切换回无效时，不会显示"alert"或任何音频反馈。

任何帮助都是非常感谢的。

谢谢

Answer 1

活动区域事件由内容可见性的变化、元素的子内容的变化以及向DOM添加活动区域触发。我的理解是，改变属性值，如aria-invalid="true|false"不会触发活动区域事件。

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