首先,我看了
this previous question,但遗憾的是它似乎没有提供任何解决方案(除了JS,我担心这是一个非首发)
<ul> <li class="skip-link"><a href="#mainContent" accesskey="S"><span>Skip to main content</span></a></li> <li class="skip-link"><a href="#main-navigation" accesskey="N"><span>Skip to main navigation</span></a></li> </ul>
进一步下来……
<div id="mainContent"></div>
这是一个空的div纯粹作为一个锚点.
当链接被激活时,一切似乎都能正常工作;视觉上页面向下跳转,焦点转移到#mainContent后的第一个链接.
但是在Chrome(版本12.0.742.91)中,虽然页面在视觉上向下移动,但焦点却没有,这意味着在激活访问键之后,再次选项卡只会将您跳回到页面顶部并返回到访问链接.
我有一个与IE相同的问题,它被放到了a known quirk,并通过为目标元素设置一个特定的宽度来修复.但是,这似乎不适用于Chrome.我也尝试在#mainContent div中添加一个tab-able元素,在#mainContent div中放置任何类型的内容,以及各种浮动/宽度/高度变化,似乎没有什么可以修复它.
有没有人与Chrome有任何类似的问题或知道修复？
在此先感谢大家
西蒙
