validation - 无效输入的正确标签顺序是什么？

Question

出于可访问性的原因，表单中的第一个无效输入应该集中在表单提交上。这可以防止盲人用户被迫寻找无效输入。

我的问题与标签顺序有关。在第一个无效输入获得焦点后，当用户再次单击 tab 时，焦点应该转到下一个无效输入还是仅按正常 tab 顺序的下一个元素？

以这个伪代码为例。如果输入数字 2 和 4 有错误，提交表单时焦点会移动到输入数字 2。用户下次tab按键时焦点会转到输入 3 还是 4？

<input id="1">
<input id="2"> <-- invalid
<input id="3">
<input id="4"> <-- invalid
<input id="5">
<button type="submit">

Answer 1

您使用的技术与 W3C 提出的技术完全不同（G139：创建允许用户跳转到错误的机制）

当用户输入经过检查的数据输入并检测到输入错误时，会提供指向该错误的链接，以便用户不必搜索它。

您的方法可能是“重新显示带有错误摘要的表单（未来链接） ”

在您的情况下，您不应该修改 tab 顺序并且只显示缺少的字段，但您可以提供一个button在所有字段之间切换视图，或者只显示缺少的字段。

以下字段缺失或无效，请在下方填写（或返回完整表格）

Answer 2

以正常的 Tab 键顺序聚焦下一个元素。标签顺序应保持为 1-2-3-4-5。