由 JAWS 隐藏的 aria-hidden true 读取答案

【问题标题】：aria-hidden true read by JAWS由 JAWS 隐藏的 aria-hidden true 读取
【发布时间】：2016-05-05 15:28:15
【问题描述】：

使用 jQuery 在#div1 中添加角色警报，读取#div2 内容，即使它对 JAWS 隐藏。

<div id="div1">
     some content 
    <div id="div2" aria-hidden="true">
           some content 2 for div
    </div>
</div>

【问题讨论】：

在上面的代码中，我有 div2 和 aria-hidden true。使用 jquery 我在 div1 中添加了 attr 角色作为警报。 Jaws 阅读器也会阅读 div2 的内容，即使我已经应用了 aria-hidden true。这是否意味着如果我们设置 role=alert 即使我们将 aria-hidden 设置为 true，也会读取所有内容。

【解决方案1】：

在 JAWS 的 13.0.718 更新（2012 年 2 月）中添加了对 aria-hidden 属性的支持。请参阅下面的完整更改日志：

JAWS 现在可以识别 aria-hidden 属性，以便应该隐藏的不再公布。

这似乎对我有用，但我注意到包装在“隐藏”容器中的可选项卡内容仍然可以由 JAWS 导航和读取。

【讨论】：

【解决方案2】：

目前，JAWS 在 Internet Explorer 和 Firefox 中都不支持 aria-hidden 状态。

虽然不推荐使用 role="presentation"，但您可以使用。

另见：

【讨论】：

您的 Freedom Scientific 链接已损坏，博客文章来自 2011 年。JAWS 现在支持 IE 和 Firefox 中的 aria-hidden。这是 2013 年的验证测试：html5accessibility.com/tests/hidden2013.html