Macos 允许键盘使用OSX浏览内部页面链接的代码?

Macos 允许键盘使用OSX浏览内部页面链接的代码?,macos,google-chrome,safari,accessibility,Macos,Google Chrome,Safari,Accessibility,我的Mac电脑上有以下代码: <a href="#content">Skip navigation</a> <ul> <li><a href="link1.html">Link1</a></li> <li><a href="link2.html">Link2</a></li> <li><a href="link3.html"

我的Mac电脑上有以下代码:

<a href="#content">Skip navigation</a>
<ul>
    <li><a href="link1.html">Link1</a></li>
    <li><a href="link2.html">Link2</a></li>
    <li><a href="link3.html">Link3</a></li>
</ul>
<div id="content">Lots of code here, with more links.</div>

这里有很多代码,有更多的链接。
在OSX Chrome和Safari中,我可以用tab键点击顶部链接,按enter键,屏幕向下滚动到
。但是,当我再次按下tab按钮时,第一个链接仍然处于活动状态,最后我在导航中进行了tab操作

在Windows中,此代码按预期工作(即,我使用链接成功避免必须通过页面顶部的导航进行制表)


有谁能告诉我需要什么代码才能让页面的内部链接通过OSX上的键盘正确导航吗?

好的,在灵感一闪之后,下面是答案

您需要在目标上设置href=“#”
这里有很多代码,有更多的链接。 显然,这并不理想,因为它引入了额外的加价,但这是我能找到的唯一让它工作的方法。

或将
更改为
<a href="#content">Skip navigation</a>
<ul>
    <li><a href="link1.html">Link1</a></li>
    <li><a href="link2.html">Link2</a></li>
    <li><a href="link3.html">Link3</a></li>
</ul>
<a id="content" href="#"></a>
<div>Lots of code here, with more links.</div>