2

我在选项卡上面临 Safari 浏览器的可访问性问题。锚标签没有关注标签。
我检查了有无 tabindex。设置 tabindex="0"，但没有任何改变，不确定这是否是 Safari 中的错误。在包括https://www.microsoft.com在内的其他网站上测试，同样的体验。

Safari 版本 10.1.1 (11603.2.5)
Mac : OS X El Capitan

按钮元素获得焦点，唯一的问题是锚标签

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

任何有价值的意见都会对我有所帮助。提前致谢。

4

1 回答 1

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.

于 2017-06-24T04:30:10.773 回答