带有 JAWS 的 IE11 无法正确读取咏叹调压制

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的第二条规则。

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

如果您可以使用本机 HTML 元素 [HTML 5.1] 或属性，并且已经内置了所需的语义和行为，而不是重新调整元素的用途并添加 ARIA 角色、状态或属性 要使其可访问，请这样做。