键盘可访问性-链接不关注选项卡-Safari浏览器

我在tabbing上使用Safari浏览器时遇到了可访问性问题。锚定标记没有集中在标签上。
我已经检查了有无tabindex。设置tabindex=“0”，但没有任何更改，不确定这是否是Safari中的错误。在其他网站测试，包括，相同的经验

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>

---

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

你不能有一个空的锚定标签-没有什么可标记的。这是一个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标签

，感谢您提供的信息。这解决了这个问题。@ajeshrkurup我认为当Safari将此作为默认行为时，这个问题将真正得到解决。上面已经说过，通过更改上述设置可以解决这个问题。我还提到，它是跨其他网页测试，以确保它不是一个问题，我的网页。CSS没有任何作用，我不知道你为什么要通过添加标签来改变HTML本身；但是，锚定标记在代码中没有任何内容。除非你故意为了简洁而忽略了这一点，否则这是一个可访问性问题。