Accessibility 带有href的标记未在选项卡上接收键盘焦点

我正在处理一个带有链接的菜单，其结构是ul>li>a带有href的标签，而这些链接并没有在菜单中进行标签切换。据我所知，带有有效href的a标记的默认行为是在选项卡上接收键盘焦点。这是操作系统/浏览器问题吗？我在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标签没有收到任何键盘焦点。这是通过测试确定的可访问性要求。

尝试将

tabindex=0

属性添加到链接（锚定标记）中。您的浏览器有时会导致类似的问题，但这无法从上述代码片段中确定。

谢谢。是的，我知道tabindex=“0”，但不认为在本机可聚焦元素（如标记）上需要它，我以前在div或span元素上使用过它。正如您所提到的，这可能是由浏览器引起的。嗨，Natalie，运气好吗？是的，我的团队中有人在一个引导覆盖文件中放置了代码，该文件添加了：outline:0px！重要的；这显然推翻了默认行为以及我试图在文件中应用的任何样式规则。