我在桌面上遇到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>
任何有价值的投入都会对我有所帮助。提前谢谢。
答案 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
。