为什么我们使用带有图标的 aria-hidden

Question

最近，我在我的代码中广泛使用了图标，这是在对 fa-fa-awesome 的伟大探索之后，它真的很棒 4sure。但我不明白的是，为什么我们要使用 aria-hidden。对于那些不喜欢阅读单词和段落的人来说，这是一个例子：<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"/><i class="fa fa-eye" aria-hidden="true"></i>

Answer 1

通常，辅助技术会构建一个Accessibility Tree来构建您的 UI，而不是通常的DOM Tree. 通过aria-属性，您可以控制其Accessibility Tree构建方式。

因为图标几乎总是纯粹的装饰功能，所以明智的做法是将它们完全排除在Accessibility Tree. aria-hidden="true"就达到了这个目的。因此，它包含在每个示例中<i>- 让互联网成为一个更容易访问的地方。

---

人们相信之所以会出现这种混乱，是因为网络开发人员常常留下这样的印象：他们的网站只能通过现代图形浏览器访问。因此，在浏览器中不起作用的 HTML 功能的用途尚不明确。然而，网络资源可以通过多种方式访问，我们必须确保我们的网页在所有这些方式中都表现良好。