最近,我在代码中广泛使用图标,这是在对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功能的目的还不清楚。然而,网络资源可以通过多种方式访问,我们必须确保我们的网页在所有这些方面都表现良好。