0

我正在使用带有链接的菜单，结构是 ul > li > 带有 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 标签没有收到任何键盘焦点。这是通过测试确定的可访问性要求。

4

1 回答 1

1

尝试将tabindex=0属性添加到您的链接（锚标记）。您的浏览器有时会导致此类问题，但无法从上述代码段中确定。

于 2021-02-23T06:42:01.827 回答