html - "Elements should not have tabindex greater than zero"- 非零 Tabindex 破坏验证和 508 合规性

Question

我们正在运行一个名为 Axe 的工具检查 HTML 页面的有效性和 508 合规性/可访问性。

此错误作为违规出现:

Elements should not have tabindex greater than zero

该应用程序由顶部链接和导航栏构成。如果我们不放入 tabindex，则制表符将从这些元素开始。这个想法是在进入页面时直接点击表单输入。这当然有意义并且应该被允许(即使对于残疾用户)？那为什么合法用例会被标记？

<input id="phone" name="phone" tabindex="5" placeholder="" class="input-block-level" type="text" value="222">

Answer 1

不管 AX 怎么说，在 HTML 中允许 tabindex 大于零。

但是，您使用 tabindex 的方式是向视力正常的用户呈现信息，而这些信息实际上对视力不佳的用户不可用，因为他们无法使用 Tab 键。

解决这个问题的更好方法是使用隐藏的“skip links”。

The idea is simple enough: provide a link at the top of the page which jumps the user down to an anchor or target at the beginning of the main content.

https://webaim.org/techniques/skipnav/