如何避免链接上的制表位？答案

【问题标题】：How to avoid tab stop on the link?如何避免链接上的制表位？
【发布时间】：2012-03-22 09:19:39
【问题描述】：

我必须使用<a href 来显示 twitter 引导链接：

<a rel="tooltip" href="#" data-placement="right" data-original-title="Tooltip">Tooltip is here</a>

但我想避免在此类元素上使用制表位。 tabindex="0" 的使用没有帮助。我该怎么做？

【问题讨论】：

如果 jQuery 是一个选项，你可以使用such trick 来禁用通过 tab 实现锚元素的焦点。
您可以将tabindex设置为比页面的所有其他元素更高的值（没有js的独特方式）。禁用此功能会导致可访问性问题。
@rcdmk，这里可能存在什么样的可访问性问题？我认为默认情况下没有鼠标无法显示工具提示。
@ShadowWizard，听起来不太好，因为我有很多这样的元素。
@LA_ 人们使用标签在元素之间导航，一些软件使用它作为导航顺序以及其他因素。（更多细节在这里：accessibleculture.org/articles/2010/05/tabindex）。如果您的目标是对屏幕阅读器和有一些限制的人隐藏此链接，则没有问题。

【解决方案1】：

tabindex 0 是 tab 顺序中的第一个元素。试试 tabindex="-1"。

编辑

根据html4规范：

此值必须是 0 到 32767 之间的数字

所以从技术上讲，您不能为此属性输入负数。

但除了禁用它之外，它并没有说明从标签顺序中删除元素的任何内容：

被禁用的元素不参与跳转顺序。

【讨论】：

【解决方案2】：

您可以将 tabindex 设置为比页面的所有其他元素更高的值（没有 js 的唯一方式）。禁用此功能会导致可访问性问题。

人们使用标签在元素之间导航，一些软件将其用作导航顺序以及其他因素。（更多详情：http://accessibleculture.org/articles/2010/05/tabindex）。如果您的目标是对屏幕阅读器和有一些限制的人隐藏此链接，则没有问题。

【讨论】：