带有 JAWS 的 IE11 无法正确读取 aria-pressed

Question

我对使用 JAWS 比较陌生，并尝试在使用它时微调 Firefox 和 IE 之间的一些差异。

目前，我有一个水晶报表弹出窗口，它有两个切换开关，例如，一个用于查找。一旦它被触发，用户就可以输入他们的搜索字符串。这个 div 有一个 aria-role="button" 和一个 aria-pressed="true/false" 值。但是，在 IE11 中，JAWS 不会像 Firefox 那样读取按钮是否被按下。

有什么见解吗？有其他人遇到过这个问题吗？

<div tabindex="0" 
 title="Find"
 class="someClassName"
 id="someID"
 role="button" aria-pressed="false">...img...</div>

注意：我已经替换了冗长的类和自动生成的 ID。

Answer 1

这可能是 JAWS 错误。但是，基本上不做<div role="button">之类的事情：

不要这样做：

<h1 role=button>heading button</h1>

这样做：

<h1><button>heading button</button></h1>

© Www Consortium，ARIA 使用的第二条规则来自here。

所以，在你的情况下，我会使用 <button> 而不是 <div>。
实际上，使用 ARIA 的第一条规则也适用，也许在这里更合适：

如果您可以使用原生 HTML 元素 [HTML 5.1] 或已内置所需语义和行为的属性，而不是重新利用元素并添加 ARIA 角色、状态或属性 使其可访问，然后这样做。