Html 搜索页面的选项卡顺序不正确

我有一个页面，它以类似于谷歌页面的外观和感觉的布局返回搜索结果。返回结果时，搜索字段具有焦点。我想能够直接标签的搜索结果

我的搜索字段的tabIndex=-1。我已经在返回的搜索结果中为元素分配了一个升序tabIndex，从第一个开始

但是，当我在“结果”页面中添加选项卡时，它不会转到第一个搜索结果，而是转到页面的另一个区域。搜索框旁边没有其他元素，这些元素甚至具有tabIndex属性

---

有人能帮我理解我做错了什么吗？我在Chrome中查看这些结果。谢谢

您应该看看是否可以避免使用

tabindex=0

和

tabindex=-1

---

如果您需要按特定顺序使用它们（听起来不像这样），那么重构DOM是更好的方法。然后，在所有应该标记的内容上添加

tabindex=0

似乎是最好的建议

我已经阅读了更多关于这方面的内容，我发现，所以我尝试添加这些元素作为唯一具有tabindex的元素，它们现在都为0，但另一个元素仍然获得了第一个选项卡顺序。这太奇怪了。此外，此语句：避免使用大于0的tabindex值。这样做将使依赖辅助技术的人很难导航和操作页面内容。是很搞笑的，因为在他们解释如何使用值>0 LOL之前，我将研究DOM的重新排列？我不确定这是不是一个选择