出于可访问性原因,表单中的第一个无效输入应该集中在表单提交上。这可以防止无视力的用户被迫寻找无效的输入。
我的问题与标签顺序有关。在聚焦第一个无效输入后,当用户再次单击制表符时,焦点应该转到下一个无效输入还是正常跳转顺序中的下一个元素?
以伪代码为例。如果输入数字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">
答案 0 :(得分:1)
您使用的技术与W3C提出的技术(G139: Creating a mechanism that allows users to jump to errors)完全不同
当用户输入已检查的数据输入并检测到输入错误时,会提供指向该错误的链接,以便用户无需搜索该错误。
您的方法可能是“重新显示包含错误摘要的表单(未来链接)”
在您的情况下,您不应修改标签顺序并仅显示缺少的字段,但您可以提供button
来切换所有字段之间的视图,或仅显示缺少的字段。
以下字段缺失或无效,请在下方填写(或返回完整表单)
答案 1 :(得分:1)
将下一个元素聚焦在普通的Tab键顺序中。 Tab顺序应保持1-2-3-4-5。