如何仅使用 xhtml 和 css 在文档末尾使用 nav 获得正确的 Tab 键顺序

Question

出于可访问性的原因，我的导航元素位于文档的末尾，并使用 CSS 位于屏幕的顶部。由于文档顺序的原因，我怀疑导航链接将在选项卡顺序中位于最后。这是正确的吗？

如果是这样，那么对于希望有逻辑 Tab 键顺序的用户来说可能是不受欢迎的，这意味着屏幕顶部元素（即导航）应该位于顺序中的第一个。我可以用 tabindex 修复这个问题吗？

我在任何地方都没有任何现有的 tabindex 属性。

Answer 1

是的，

nav

链接将按选项卡顺序显示在最后。要解决这个问题，你确实可以使用

tabindex

attr。这是例子：

<nav>
  <a href="#" tabindex="1">Home </a>
  <a href="#" tabindex="2">About</a>
  <a href="#" tabindex="3">Contact</a>
</nav>