为什么我们使用隐藏图标的咏叹调



最近,我在代码中广泛使用图标,这是在对fa进行了伟大的探索之后,它真的非常棒。但我不能理解的是,为什么我们要使用隐藏的咏叹调。举个例子给那些不喜欢阅读单词和段落的人:

<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亿人患有某种失明。他们必须使用屏幕阅读器才能访问互联网。屏幕阅读器将网页内容转换为语音,并允许残疾人使用互联网。这就是为什么我们将alt属性添加到图像中,这样屏幕阅读器就可以根据alt标签生成语音。

可访问的富互联网应用程序(ARIA((https://www.w3.org/TR/using-aria/)草稿是一种在HTML中添加额外信息的方式,并帮助不同的辅助技术(如屏幕阅读器(更好地解释网页内容,从而为残疾人提供更好的服务。

通常,辅助技术构建一个Accessibility Tree来构建UI,而不是通常的DOM Tree。使用aria-属性,您可以控制Accessibility Tree的构建方式。

因为图标几乎总是纯粹的装饰性特征,所以明智的做法是将它们完全排除在Accessibility Tree之外。aria-hidden="true"正是做到了这一点。因此,它被包含在<i>的每个例子中,以使互联网成为一个更容易访问的地方。


A认为出现了混乱,因为网络开发人员经常给人留下这样的印象,即他们的网站只能通过现代图形浏览器访问。正因为如此,在浏览器中不显示任何效果的HTML功能的目的还不清楚。然而,网络资源可以通过多种方式访问,我们必须确保我们的网页在所有这些方面都表现良好。