1

我想知道是否可以为屏幕阅读器设置特定区域以专注于 HTML 内容。

我有一个类似于以下内容的列表：

<ol>
  <li>
    <div class="duration">
      <time>10:00</time>
      <span>to</span>
      <time>11:00</time>
    </div>
    <div class="info">
      <span>CA267 Lecture</span>
      <span>Software Testing</span>
      <span>Location: QG27</span>
    </div>
  </li>
</ol>

当我将屏幕阅读器（在我的情况下是画外音）放在列表​​项上时，它从 10:00 开始，然后我必须按 ctrl+alt+左箭头键移动到“to”，然后再次移动到 11： 00 以此类推。

我想知道有没有办法对元素进行分组，以便屏幕阅读器专注于<li>标签并相应地读出其中的所有内容？

我尝试设置一个 tabindex 它有点工作，但需要屏幕阅读器用户使用 tab 键进行导航，而不是其内置的快捷键。

谢谢！

4

1 回答 1

0

ARIA 属性可以做到这一点，但规范还没有完成，有点令人困惑（至少对我来说），并且屏幕阅读器支持不是最佳的。我在想也许你可以申请aria-labelledbyor aria-describedby，但我在 mdn 中查看的两​​种解决方案都需要更改你的标记。它看起来aria-labelledby可以通过简单地添加一些 id 到你的ol然后在 s 上的aria-labelledby元素来实现div。你可以在这里查看：https ://developer.mozilla.org/en-US/docs/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute

于 2013-03-05T11:48:29.173 回答