html - “元素的 tabindex 不应大于零” - 非零 Tabindex 破坏验证和 508 合规性

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

此错误作为违规出现：

元素的 tabindex 不应大于零

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

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

标签： htmlcssaccessibilitysection508

尽管 AX 在说什么，但 HTML 中允许 tabindex 大于零。

但是，您使用 tabindex 的方式是向视力正常的用户提供信息，这些信息实际上对非视力正常的用户是不可用的，因为他们无法使用标签。

解决此问题的更好方法是使用隐藏的“跳过链接”。

这个想法很简单：在页面顶部提供一个链接，将用户跳转到主要内容开头的锚点或目标。