标签上的href没有接收键盘焦点

Question

我正在制作一个带有链接的菜单，结构是ul>李比;一个带有href的标签，并且链接不接收通过菜单的选项卡的焦点。据我所知，具有有效href的a标记的默认行为是在tab上接收键盘焦点。这是操作系统/浏览器问题吗?我在Mac上运行Catalina，在Chrome上浏览。

<ul class="collapse" id="footerLinksHelp">
<li class="footer-links__item">
<a href="https://help.com" class="footer-links__link" title="Go to Delivery" rel="noopener" target="_blank">Delivery</a>
</li>
<li class="footer-links__item">
<a href="https://help.com" class="footer-links__link" title="Go to Returns" rel="noopener" target="_blank">Returns</a>
</li>
<li class="footer-links__item">
<a href="https://orders.com" class="footer-links__link" title="Check my Order">Check my Order</a>
</li>
<li class="footer-links__item">
<a href="https://terms.com" class="footer-links__link" title="Go to Terms" rel="noopener" target="_blank">Terms &amp; Conditions</a>
</li>
<li class="footer-links__item">
<a href="https://customer-support.com" rel="noopener" target="_blank">Customer
Support</a>
</li>
</ul>

我在谷歌上搜索了这个，并阅读了可访问性文档，但不能弄清楚为什么a标签没有收到任何键盘焦点。这是通过测试确定的可访问性需求。

Answer 1

尝试添加tabindex=0属性到您的链接(锚标记)。您的浏览器有时会导致这样的问题，但这无法从上面的代码片段中确定。