网络无障碍 - 重点项目
Web accessibility - focus items
我正在开发一个网站，使其易于访问。但是我在语音 reader 焦点进入页脚中的项目时遇到了一些麻烦。
我尝试使用 aria-label 但它没有用。
我会附上一张图片。
元素进入焦点，我可以从项目周围的蓝色环看出这一点，但我不知道如何让橙色环聚焦到页脚中的那些锚元素。
问题是由于社交媒体图标使用 "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>
这是此解决方案的 link 以及与可访问性和 fontawesome.com
相关的其他可能问题的解决方案
https://fontawesome.com/how-to-use/on-the-web/other-topics/accessibility
我正在开发一个网站，使其易于访问。但是我在语音 reader 焦点进入页脚中的项目时遇到了一些麻烦。
我尝试使用 aria-label 但它没有用。
我会附上一张图片。
元素进入焦点，我可以从项目周围的蓝色环看出这一点，但我不知道如何让橙色环聚焦到页脚中的那些锚元素。
问题是由于社交媒体图标使用 "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>
这是此解决方案的 link 以及与可访问性和 fontawesome.com
相关的其他可能问题的解决方案https://fontawesome.com/how-to-use/on-the-web/other-topics/accessibility