网络无障碍 -- -- 重点项目

问题描述 投票:0回答:1

我正在做一个网站,让它变得无障碍。但我在语音阅读器焦点进入位于页脚的项目时遇到了一些麻烦.我试过使用咏叹调标签,但没有成功.我会附上一张图片。元素进入焦点,我可以告诉,因为项目周围的蓝色环,但我不知道如何让橙色环聚焦到页脚的那些锚元素。voice over focus in the element above while the regular focus is in the item in the footer

focus wai-aria web-accessibility
1个回答
1
投票

这个问题是由于社交媒体图标使用 "fontawesome.com "造成的。为了包含一个替代文本或标签的元素(由fontawesome.com提供),你需要使用一个不同的方法。在我的具体案例中,这就解决了这个问题。

<a href="https://www.instagram.com/iamthonystark/" aria-label="Instagram">
<i aria-hidden="true" class="fab fa-instagram fa-3x"></i>
</a>

这里是这个解决方案的链接,以及其他可能与可访问性和fontawesome.com有关的问题的解决方案。

https:/fontawesome.comhow-to-use-on-the-ebother-topicsaccessibility。

© www.soinside.com 2019 - 2024. All rights reserved.