aria-live不使用Firefox VoiceOver Mac

时间:2017-03-13 21:23:03

标签: javascript html wai-aria

我正在使用带有Firefox和画外音的Mac。我注意到今天早上Firefox在地址栏旁边显示了一个信息图标,其中包含以下消息:

"由于Firefox新功能存在兼容性问题,部分禁用了辅助功能支持。"

我拍了一张截图,但是在我点击了"了解更多"之后我意外地关了它。链接。

在此之后我注意到在我的网站游戏中,不再从VoiceOver宣布aria-live区域。我制作了一个具有相同行为的小片段。

注意:如果相同的确切消息在实时区域中,则空间的超时和附加只是一种解决方法,使屏幕阅读器不会被忽略。

aria-live在Firefox中不起作用,与我看到的关于辅助功能的信息有关吗?

编辑:我应该期望它在修复后开始工作吗?或者我应该尝试做一些不同的事情来使现场区域有效?

感谢您提供任何信息



$(document).ready(function() {
  $("#controls").delegate("a", "click", function() {
    $("#alert-div").empty().append(" ");
    var text = $(this).attr("data-test");
    window.setTimeout(function() {
    	$("#alert-div").empty().append(text);
    }, 100); 
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="alert-div" role="alert" aria-live="assertive" aria-atomic="true">
</div>

<div id="controls">
  <a href="javascript:;" data-test="Say this message">alert A</a>
  <a href="javascript:;" data-test="A different message">alert B</a>
</div>
&#13;
&#13;
&#13;

目前正在Safari&amp;铬。

1 个答案:

答案 0 :(得分:1)

认为答案是:aria-live并不与mac firefox兼容。

从我在寻找答案时发现的内容以及我自己的做法来看,Firefox并不支持Mac上的aria-live。显然他们试图让aria同时工作,但由于缺乏与VoiceOver团队的沟通而辞职。

感谢任何研究过或做过任何测试的人。