【问题标题】:JAWS does not announce aria-describedby on select box in IEJAWS 不会在 IE 的选择框上宣布 aria- describeby
【发布时间】:2013-11-14 23:02:31
【问题描述】:

我正在尝试在选择框上使用 aria- describeby,但 JAWS 没有在 IE 中宣布使用 aria- describeby 属性关联的文本。我什至将 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>

【问题讨论】:

标签: html


【解决方案1】:

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

我认为这是一个错误。

在 Freedom Scientific 解决之前,我建议使用 aria-labelledby

这意味着在语义上略有不同:

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

来源:Mozilla Developer Network

但它可能是你能找到的最好的替代品。

【讨论】:

    【解决方案2】:

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

    请确保不要将 titlearia-label 用于同一个 HTML 元素,因为标题会被隐藏。

    【讨论】:

    • 除非代码 sn-p 被更改,否则我不了解 title 与此处的相关性。
    • @vpiTriumph,这只是 OP 的附加信息,因为 aria-label 会抑制其他所有内容。我看到的代码通常也带有标题。只是一个警告。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-26
    • 1970-01-01
    • 2021-07-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多