为什么我们使用带有图标的 aria-hidden
Why do we use aria-hidden with icons
最近，我一直在我的代码中广泛使用图标，那是在 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>
根据世界卫生组织的数据，全世界约有 2.85 亿人患有某种类型的失明。他们必须使用屏幕 reader 才能访问互联网。 Screen readers 将您的网页内容转换为语音，并允许残障人士使用互联网。这就是我们向图像添加 alt 属性的原因 - 这样屏幕 reader 就可以根据 alt 标签生成语音。
Accessible Rich Internet Applications (ARIA) (https://www.w3.org/TR/using-aria/) 草稿是一种向您的 HTML 添加额外信息的方法，并协助不同的辅助工具技术（如屏幕 readers）更好地解释网页内容，因此它们可以为残障人士提供更好的服务。
通常，辅助技术会构建一个 Accessibility Tree 来构建您的 UI，而不是通常的 DOM Tree。使用 aria- 属性，您可以控制 Accessibility Tree 的构建方式。
因为图标几乎总是纯粹的装饰性特征，所以将它们完全排除在 Accessibility Tree 之外是明智的。 aria-hidden="true" 做到了这一点。出于这个原因，它包含在 <i> 的每个示例中 - 使互联网成为一个更容易访问的地方。
我相信会出现混淆，因为 Web 开发人员通常会给他们的网站留下这样的印象：只能通过现代图形浏览器访问他们的网站。因此，无法理解在浏览器中显示无效的 HTML 功能的用途。然而，Web 资源可以通过多种方式访问，我们必须确保我们的网页在所有这些方式中都表现良好。
最近，我一直在我的代码中广泛使用图标，那是在 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>
根据世界卫生组织的数据，全世界约有 2.85 亿人患有某种类型的失明。他们必须使用屏幕 reader 才能访问互联网。 Screen readers 将您的网页内容转换为语音，并允许残障人士使用互联网。这就是我们向图像添加 alt 属性的原因 - 这样屏幕 reader 就可以根据 alt 标签生成语音。
Accessible Rich Internet Applications (ARIA) (https://www.w3.org/TR/using-aria/) 草稿是一种向您的 HTML 添加额外信息的方法，并协助不同的辅助工具技术（如屏幕 readers）更好地解释网页内容，因此它们可以为残障人士提供更好的服务。
通常，辅助技术会构建一个 Accessibility Tree 来构建您的 UI，而不是通常的 DOM Tree。使用 aria- 属性，您可以控制 Accessibility Tree 的构建方式。
因为图标几乎总是纯粹的装饰性特征，所以将它们完全排除在 Accessibility Tree 之外是明智的。 aria-hidden="true" 做到了这一点。出于这个原因，它包含在 <i> 的每个示例中 - 使互联网成为一个更容易访问的地方。
我相信会出现混淆，因为 Web 开发人员通常会给他们的网站留下这样的印象：只能通过现代图形浏览器访问他们的网站。因此，无法理解在浏览器中显示无效的 HTML 功能的用途。然而，Web 资源可以通过多种方式访问，我们必须确保我们的网页在所有这些方式中都表现良好。