仅sr不能在Internet Explorer中工作

Question

我有一个直播区域，单击该按钮会增加显示的计数值（类似于投票/点赞）。 屏幕阅读器要读出的消息是一个计算值，例如：“ 1个人喜欢这篇文章” /“没有人喜欢这篇文章” /“ 8个人喜欢这篇文章”。 这些消息在客户端脚本（计数值）中计算，并在服务器脚本（最终消息）中定义 。

<div class="sr-only" role="alert" aria-live="polite">

   <span id="feedback-count">{{c.message}} /span>

</div>

这在chrome中效果很好，但无法使用Jaws屏幕阅读器在Windows的IE中读出消息。

Answer 1

我尝试了几种方法，这种方法最适合我，解决了该问题，并且在所有浏览器中都完美读取了屏幕阅读器文本。

 functionToBeCalled = function(message) { aria_message = message; document.getElementById('screen-reader-tag-id').innerHTML = ''; document.getElementById('screen-reader-tag-id').innerHTML += '<p class="sr-only">'+ aria_message+'</p>' } 

 <div id="screen-reader-tag-id" class="sr-only" role="alert" aria-live="polite"> </div>