动态设置焦点的tabindex

时间:2013-11-15 11:23:03

标签: jquery html accessibility

这是我在DOM中的div,

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

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

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

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

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

干杯! 吊杆

2 个答案:

答案 0 :(得分:2)

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

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

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

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

答案 1 :(得分:0)

为什么不呢

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