什么是无效输入的正确Tab键顺序?

时间:2016-06-10 00:33:04

标签: validation user-interface accessibility tab-ordering wcag2.0

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

我的问题与标签顺序有关。在聚焦第一个无效输入后,当用户再次单击制表符时,焦点应该转到下一个无效输入还是正常跳转顺序中的下一个元素?

以伪代码为例。如果输入数字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">

2 个答案:

答案 0 :(得分:1)

您使用的技术与W3C提出的技术(G139: Creating a mechanism that allows users to jump to errors)完全不同

  

当用户输入已检查的数据输入并检测到输入错误时,会提供指向该错误的链接,以便用户无需搜索该错误。

您的方法可能是“重新显示包含错误摘要的表单(未来链接)

在您的情况下,您不应修改标签顺序并仅显示缺少的字段,但您可以提供button来切换所有字段之间的视图,或仅显示缺少的字段。

  

以下字段缺失或无效,请在下方填写(或返回完整表单)

答案 1 :(得分:1)

将下一个元素聚焦在普通的Tab键顺序中。 Tab顺序应保持1-2-3-4-5。

相关问题