动态设置焦点的tabindex

Question

这是我在DOM中的div，

<span tabindex="0">Help needed???</span>
<h2 tabindex="0">Some text</h2>

现在我看到的是，屏幕阅读器正在阅读精确的dom结构。我需要首先读取h2标签，然后读取下一个读取的跨度。

更改dom的结构会导致多个javascript问题（我在jquery中使用了更多的prev（）代码）

我尝试将tabindex =“1”更改为h2标签，但没有运气。

屏幕阅读器是否只按层次顺序读取？我正在使用JAWS ..

干杯！ 吊杆

Answer 1

正确，使用屏幕阅读器“浏览”不遵循tabindex顺序，它遵循DOM。

如果您使用tabindex的正数，则Tab键顺序将从第一个开始，然后返回到DOM结构。它与“浏览”顺序不匹配，这非常令人困惑。

您是否尝试在标题中嵌套帮助文本？

<h2>Some text
  <span>Help needed???</span>
</h2>

Answer 2

为什么不呢

<span tabindex="2">Help needed???</span>
<h2 tabindex="1">Some text</h2>