ARIA Live Regions和`role =“alert”`无法在Mac上运行

时间:2013-12-10 20:26:02

标签: accessibility voiceover wai-aria

我正在尝试使用辅助技术正常运行错误警报方案。我正在测试两种方法:

使用ARIA Live Regions

http://pauljadam.com/demos/aria-alert-validation.html

使用ARIA警报

http://test.cita.illinois.edu/aria/alert/alert1.php

这两个测试页面在PC上的Jaws 14和VDA上工作正常,因为错误是在外部读取的。但是,使用带有语音功能的Mac无法读取这些示例中的错误。

重现:

我需要离开一些非默认设置吗?或者有更好的方法吗?我有点惊讶所有这些例子都不起作用。

1 个答案:

答案 0 :(得分:1)

以下是来自Paciello Group Blog的Steve Faulkner在Mac上支持Safari的解决方案:

function addError() {
    var elem1 = document.getElementById("add1");

    document.getElementById('add1').setAttribute("role", "alert");

    document.getElementById('display2').style.clip = 'auto';
    alertText = document.createTextNode("alert via createTextnode()");
    elem1.appendChild(alertText);
    elem1.style.display = 'none';
    elem1.style.display = 'inline';
}
<div id="display2" role="alert"><span id="add1"></span></div>
<input type="submit" value="Method 4 alert - display" onClick="addError()">