有关div可见性变化的警报辅助技术，但不涉及以后的更新

Question

在我们的网站上，当您的会话结束前仅剩4分钟时，会在页面顶部显示一条提醒，告知您相关信息。

我们希望为已停用的用户提供此警报，因此我使用了role =＆＃34; alert＆＃34;。

问题是这个div里面的消息说的是＆＃34;你还剩下时间：3：58＆＃34;并且时间不断变化（每秒更新一次）。结果，当div被显示时，用户听到类似＆＃34; alert;你有时间离开4：00,3：59,3：58,3：57 ......＆＃34;它永远都是这样的。如何解决它以便消息被读取一次（＆＃34;你还剩下时间：4：00＆＃34;）然后更新还没有公布？

我的HTML：

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

Answer 1

您可以使用类似a11yfy live announcer https://github.com/dylanb/a11yfy/blob/master/announce.md#jquerya11yfyassertiveannounce

的内容

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

a11yfy可以使用Bower下载