JAWS在IE浏览器中无法宣读select框的aria-describedby属性

Question

我尝试在select框上使用aria-describedby，但是JAWS在IE上没有用aria-describedby属性关联的文本被宣布出来。我甚至已经添加了tabindex="-1"到被引用的span标签中。下面是我正在使用的示例代码。请有人提供关于这个主题的任何信息。

<form action="#" method="post">
  <div>
    <label for="State">State</label> 
    <select  id="State" name="State" aria-describedby="spanId">
      <option value="acct">Choose</option>
      <option value="act">ACT</option>
      <option value="nsw">NSW</option>
      <option value="nt">NT</option>
      <option value="qld">QLD</option>
      <option value="sa">SA</option>
      <option value="tas">TAS</option>
      <option value="vic">VIC</option>
      <option value="wa">WA</option>
      </select>
      <span id="spanId" tabindex="-1">This is the text</span>
  </div>

</form>

- mangala jaggal

---

你使用的JAWS版本是什么？你需要使用12或更高版本。https://dev59.com/h17Va4cB1Zd3GeqPNde- - jfrej

我正在使用的JAWS版本是14.0。 - mangala jaggal

Answer 1

您可以使用 aria-label="spanId"

请确保不要在同一HTML元素中同时使用title和aria-label，因为title会被抑制。

- KannarKK

---

除非代码片段被更改，否则我不明白 title 在这里的相关性。 - vpiTriumph

@vpiTriumph，这只是对原帖的补充信息，因为aria-label会压制其他所有内容。我通常也会看到代码中有标题。只是提醒一下。 - KannarKK

Answer 2

我使用IE11和Jaws 17也观察到了这个问题。

我的看法是这是一个错误。

在Freedom Scientific解决这个问题之前，我建议使用aria-labelledby。

这在语义上略有不同：

标签描述对象的本质，而描述提供用户可能需要的更多信息。

来源：Mozilla Developer Network

但这可能是你可以使用的最佳替代品。

- vpiTriumph