Question

我在桌面上遇到Safari浏览器的辅助功能问题。锚标签没有把重点放在标签上我已经使用tabindex进行了检查。设置tabindex =＆＃34; 0＆＃34;，但没有任何改变，不确定这是否是Safari中的错误。在包括https://www.microsoft.com在内的其他网站上进行了测试，体验相同。

Safari版本10.1.1（11603.2.5）
Mac：OS X El Capitan

Button元素正在获得焦点，唯一的问题是使用锚标记

<a id="footer-linkedin-link" target="_blank" class="social-footer-icon" aria-label="Follow on LinkedIn" href="https://www.linkedin.com/"></a>

任何有价值的投入都会对我有所帮助。提前谢谢。

Answer 1

你不能有一个空锚标签 - 没有任何标签可供选择。这是一个HTML验证错误，因此浏览器可能会以不同方式处理它。没有你的CSS，我不确定你应该做什么，但我猜你真的想要这样的东西：

<a target="_blank" href="https://www.linkedin.com/">
    <span id="footer-linkedin-link" class="social-footer-icon" role="img" aria-label="Follow on LinkedIn" ></span>
</a>

使用CSS插入的图标需要是锚点内的内容，使用role="img"正确地投射为图像，并且应该有aria-label。

键盘辅助功能 - 没有关注标签的链接 - Safari浏览器

1 个答案: