【发布时间】：2014-09-02 20:02:57
【问题描述】：
我正在优化我的网站，让每个人都可以访问，首先从标签开始。我有一个隐藏链接出现在:focus 上，这是第一个链接。链接的目的是“跳转到主要内容”，我认为这是一个很酷的添加功能。问题是即使它让用户跳转到主要内容，如果他们点击他们的屏幕会直接跳回页面顶部...
是否存在相对于用户屏幕顶部位置的选项卡？
我正在考虑使用 JQuery 并在他们跳转到主要内容后将 tabindex 属性添加到最近的链接，但我不确定 SEO 将如何处理它。由于理论上它是动态添加的，因此它应该被搜索引擎忽略，并且永远不会在我的页面中间看到我的tabindex。 从 SEO 或可访问性的角度来看，这种方法有什么问题吗？有更好的方法吗？
为了让人们更好地了解我的意思，我的意思是我 created a JSFiddle - 您必须单击“显示”框，然后按 Tab 键以显示“跳转到主要内容”链接。虽然当我动态添加 tabindex 时，它会被忽略。
【问题讨论】：
-
我认为你根本不需要调整 tabindex。相反，请关注视图中的第一个表单字段，而不是隐藏的链接。 “下一个”标签将从那里按顺序排列。
-
@briansol 我不确定我理解你的意思。我说的是整页网站，不一定是表格。你能详细说明一下吗？
-
发生在 Firefox 和 IE 中还是仅在 Chrome 中？ Chrome 有问题，我不记得它是在 Canary 还是 Canary-1 中修复的，但我认为是
-
一般规则：不要乱用自然的跳格顺序。您更有可能让使用键盘导航的用户感到困惑和烦恼。
-
@steveax 选项卡顺序将完全是可选的，因为当用户决定跳转到主要内容时，我不会只附加
tabindex。目的是当用户再次选择标签时，它不会跳回页面顶部。我在我的问题中添加了JSFiddle，以便更好地表达我的意思。
标签： jquery html seo accessibility tabindex