使用键盘导航跳过表单中的链接
Skipping links in a form with keyboard navigation
基本上我有一个表格,里面有很多指向其他页面的链接,主要是为了解释一些问题或显示有关上述问题的信息。问题是,由于所有这些链接,如果您只想填写表格,那么现在使用键盘导航完全是一团糟,大多数人不会点击,或者很少点击。
我在修改布局方面受到限制,因为它是当前的 Excel 形式,我必须在保持相同布局的同时适应网络应用程序。
有什么简单的方法可以让TAB导航跳过链接吗?通过一个我可能不知道的属性?
快速示例,专注于输入 A 并按 Tab 键会直接转到输入 B,跳过链接 1 和 2:
<form>
<input A />
<a 1></a>
<a 2></a>
<input B />
</form>
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">
基本上我有一个表格,里面有很多指向其他页面的链接,主要是为了解释一些问题或显示有关上述问题的信息。问题是,由于所有这些链接,如果您只想填写表格,那么现在使用键盘导航完全是一团糟,大多数人不会点击,或者很少点击。
我在修改布局方面受到限制,因为它是当前的 Excel 形式,我必须在保持相同布局的同时适应网络应用程序。
有什么简单的方法可以让TAB导航跳过链接吗?通过一个我可能不知道的属性?
快速示例,专注于输入 A 并按 Tab 键会直接转到输入 B,跳过链接 1 和 2:
<form>
<input A />
<a 1></a>
<a 2></a>
<input B />
</form>
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">