键盘辅助功能 - 不关注Tab键的链接 - Safari浏览器

我正在面对Tab键上的Safari浏览器的可访问性问题。锚点标签并未集中于Tab键。
我检查过和没有tabindex。设置tabindex =“0”，但没有改变，不知道这是否是Safari中的错误。在其他网站测试过，包括https://www.microsoft.com，也有相同的体验。键盘辅助功能 - 不关注Tab键的链接 - Safari浏览器

Safari浏览器版本10.1.1（11603.2.5）
的Mac OS X系统中埃尔卡皮坦

Button元素越来越焦点，唯一的问题是与锚标记

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

任何有价值的投入将有助于我。提前致谢。

来源

2017-06-18 ajeshrkurup

http://osxdaily.com/2011/08/14/enable-tab-key-navigation-safari/ –

感谢您的信息。这解决了这个问题。 – ajeshrkurup

@ajeshrkurup我认为这个问题将会在Safari做出默认行为的时候真正解决。 – Adam

你不能有一个空的锚标记 - 没有什么要标签。这是一个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-24 04:30:10

已在上面评论过，通过改变上述设置来解决它。另外我也提到过，它在其他页面上测试过，以确保它不是我的网页的问题。 CSS没有任何作用，我不确定为什么要通过添加标签来更改HTML本身。 – ajeshrkurup

我知道您的问题与Safari标签设置有关;但是，您的锚标记在您的代码中没有内容。除非您为了简洁而故意留下这些内容，否则这是一个可访问性问题。 –

键盘辅助功能 - 不关注Tab键的链接 - Safari浏览器

回答

相关问题