屏幕阅读器无法读取切换验证

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出现时，屏幕阅读器会显示“警告”但在切换回无效时不会说“警报”或任何音频反馈。

非常感谢任何帮助。

谢谢

Answer 1

实时区域事件由内容可见性的更改，元素子内容的更改以及向DOM添加实时区域触发。 Core Accessibility API specification中详细说明了这些机制。我的理解是，更改属性值（例如aria-invalid =“true | false”）不会触发实时区域事件。

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