相对于用户视图的选项卡索引

时间:2014-09-02 20:02:57

标签: jquery html5 seo accessibility tabindex

我正在优化我的网站,以便首先从标签开始向所有人开放。我有:focus上显示的隐藏链接,这是第一个链接。链接的目的是“跳转到主要内容”,我认为这是一个很酷的功能添加。这个问题是即使它将用户跳转到主要内容,如果他们选项卡他们的屏幕跳回到主要内容页面顶部...

是否存在相对于用户屏幕顶部位置的标签?

我正在考虑使用JQuery并在跳转到主要内容后将tabindex属性添加到最近的链接但我不确定SEO将如何处理。由于它是在理论上动态添加的,因此搜索引擎应该忽略它,并且永远不会在我的页面中间看到我的tabindex从SEO或辅助功能的角度来看,这种方法有什么问题吗?有更好的方法吗?

让人们更好地了解我的意思我created a JSFiddle - 你必须点击显示框,然后点击它以获得要显示的“跳转到主要内容”链接。虽然当我动态添加tabindex时会被忽略。

1 个答案:

答案 0 :(得分:1)

你在Blink / Webkit中遇到了一个错误,当你按照页面链接键盘焦点没有移动时,我在这里回答:Uptating keyboard focus when implementing the skip to main content technique through an anchor link

我会完全避免尝试使用动态tabindex,这是不需要的,并且在将来更新时几乎肯定会破坏。