我正在尝试使用辅助技术正常运行错误警报方案。我正在测试两种方法:
使用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无法读取这些示例中的错误。
重现:
我需要离开一些非默认设置吗?或者有更好的方法吗?我有点惊讶所有这些例子都不起作用。
答案 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()">