使用键盘导航跳过表单中的链接答案

【问题标题】：Skipping links in a form with keyboard navigation使用键盘导航跳过表单中的链接
【发布时间】：2015-10-14 03:34:29
【问题描述】：

基本上我有一个表格，里面有很多指向其他页面的链接，主要是为了解释一些问题或显示关于所述问题的信息。问题是，如果您只想填写表单，那么现在使用键盘导航的表单完全是一团糟，因为所有这些链接，大多数人要么不会点击，要么很少点击。

我在修改布局方面受到限制，因为它是当前的 Excel 表单，我必须在保持相同布局的同时适应 Web 应用程序。

有没有什么简单的方法可以让 TAB 导航跳过链接？通过我不知道的属性可能吗？

快速示例，专注于输入 A 并按 Tab 键将直接将我带到输入 B，跳过链接 1 和 2：

<form>
  <input A />
  <a 1></a>
  <a 2></a>
  <input B />
</form>

【问题讨论】：

【解决方案1】：

tabindex="-1" 值将元素从默认导航流中移除（即，用户无法通过 Tab 键转到它）。

<input type="text">
<a href="#" tabindex="-1"></a>
<a href="#" tabindex="-1"></a>
<input type="text">

或

<input type="text" tabindex="1">
<a href="#">1</a>
<a href="#">1</a>
<input type="text" tabindex="2">

【讨论】：