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

时间:2017-06-18 01:53:42

标签: safari keyboard anchor accessibility tabbing

我在桌面上遇到Safari浏览器的辅助功能问题。锚标签没有把重点放在标签上 我已经使用tabindex进行了检查。设置tabindex =" 0",但没有任何改变,不确定这是否是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>

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

1 个答案:

答案 0 :(得分:2)

你不能有一个空锚标签 - 没有任何标签可供选择。这是一个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