Html 修改元素选项卡索引顺序

我有一个网站，我正在为键盘用户提供它。以前可能有人问过这个问题，但我还没有找到一种方法让它起作用

我遇到的问题是，在某一点上有一个幻灯片和一个pauze/play链接。当一个用户在网站上点击时，他首先要浏览整个幻灯片，然后焦点会落在pauze/play链接上

我已经尝试过尽可能简单地重新创建它

当您在元素中进行制表时，您会注意到焦点会直接转到幻灯片上，然后转到pauze/play链接。我知道这是正常的行为，因为HTML结构

我的问题是：我如何操纵这个顺序，每当我从最后一个链接开始制表时，焦点直接转到pauze/播放，而不是转到幻灯片

我已经尝试过使用tabindex=0/1；但是我需要把这个放在所有元素上

旁注：在这个“幻灯片”上面有更多的HTML元素，我不能改变给出的结构

---

提前谢谢

如果不使用tabindex或JavaScript，就无法更改选项卡选择

---

如果不使用tabindex或JavaScript，就无法更改选项卡选择

---

更改此顺序的唯一方法是对HTML元素重新排序

tabindex本身可以做两件事：

它设置可聚焦元素的顺序 它使元素可聚焦。 tabindex=-1元素将无法获得焦点 tabindex=0元素将按常规选项卡语义顺序聚焦

---

tabindex=1具有正值的元素将首先被聚焦

更改此顺序的唯一方法是对HTML元素重新排序

tabindex本身可以做两件事：

它设置可聚焦元素的顺序 它使元素可聚焦。 tabindex=-1元素将无法获得焦点 tabindex=0元素将按常规选项卡语义顺序聚焦

---

tabindex=1个具有正值的元素将首先被关注

这是否可能，而不将tabindex放在每个元素上？正如我所说，不可能。你可以通过JavaScript进行设置，但这对于可访问性来说毫无意义。因此，我这里唯一的选择就是尝试更改HTML结构？是的，您需要在html结构中指定tabindex。我指的是DOM中html元素的顺序，因为我不能在每个元素上都放置tabindex。如果不在每个元素上放置tabindex，这是可能的吗？正如我所说，不可以。您可以通过JavaScript进行设置，但这在可访问性方面没有任何意义。因此，我在这里唯一的选择是尝试更改HTML结构？是的，您需要在HTML结构中指定tabindex。我指的是DOM中HTML元素的顺序，因为我无法在每个元素上放置tabindex