ARIA Live Regions 和 `role="alert"` 在 Mac 上不起作用

Question

我正在尝试让错误警报场景与辅助技术一起正常工作。我正在测试两种我喜欢的方法：

使用 ARIA 实时区域

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

使用 ARIA 警报

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

这两个测试页面在 Jaws 14 和 PC 上的 VDA 上都可以正常工作，因为错误被大声读出。但是，使用带有语音的 Mac 不会读取这些示例中的错误。

复制：

• 转至http://test.cita.illinois.edu/aria/alert/alert1.php
• 使用 command+f5 打开画外音
• 在输入一些数字后单击再次猜测按钮（应阅读警报）。

我需要摆脱一些非默认设置吗？还是有更好的方法来做到这一点？我有点惊讶所有这些例子都不起作用。

Answer 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()">