javascript - 向辅助技术发出关于 div 可见性变化的警报，但不向辅助技术发出关于后续更新的警报

Question

在我们的网站中，当您距离 session 结束仅剩 4 分钟时，页面顶部会显示一条提醒，通知您相关情况。

我们希望让残疾用户可以访问此警报，因此我使用了 role="alert"。

问题是这个 div 中的消息显示类似“您还剩时间:3:58”，并且时间不断变化(每秒更新一次)。结果，当 div 可见时，用户会听到类似“警报；您还有时间 4:00、3:59、3:58、3:57...”的声音，并且永远如此。我该如何解决这个问题，以便该消息被读取一次(“您还有时间:4:00”)，然后不再宣布更新？

我的html:

<div role="alert">
<span>You have time left:</span><span>4:00</span>
</div>

Answer 1

您可以使用 a11yfy 现场播音员 https://github.com/dylanb/a11yfy/blob/master/announce.md#jquerya11yfyassertiveannounce 之类的东西

在发生更改时宣布更改，然后就不需要警报 Angular 色。

可以使用 Bower 下载 a11yfy