Html 为什么要使用带图标的隐藏aria

Html 为什么要使用带图标的隐藏aria,html,css,icons,font-awesome,Html,Css,Icons,Font Awesome,最近,我在我的代码中广泛使用图标,这是在对fa-fa-awesome的伟大探索之后,这真是太棒了。但我无法理解的是,为什么我们要使用隐藏的aria。 一个仅针对那些不喜欢阅读单词和段落的人的示例: 根据世界卫生组织的数据,全世界约有2.85亿人患有某种类型的失明。他们必须使用屏幕阅读器才能访问互联网。屏幕阅读器将网页内容转换为语音,并允许残疾人使用互联网。这就是为什么我们在图像中添加alt属性,这样屏幕阅读器就可以根据alt标记生成语音 可访问富互联网应用程序(ARIA)()草稿是一种向HTM

最近,我在我的代码中广泛使用图标,这是在对fa-fa-awesome的伟大探索之后,这真是太棒了。但我无法理解的是,为什么我们要使用隐藏的aria。 一个仅针对那些不喜欢阅读单词和段落的人的示例:


根据世界卫生组织的数据,全世界约有2.85亿人患有某种类型的失明。他们必须使用屏幕阅读器才能访问互联网。屏幕阅读器将网页内容转换为语音,并允许残疾人使用互联网。这就是为什么我们在图像中添加
alt
属性,这样屏幕阅读器就可以根据alt标记生成语音

可访问富互联网应用程序(ARIA)()草稿是一种向HTML中添加额外信息的方法,并帮助不同的辅助技术(如屏幕阅读器)更好地解释网页内容,从而为残疾人提供更好的服务

通常,辅助技术会构建一个
可访问性树
,而不是通常的
DOM树
。使用
aria-
属性,您可以控制如何构建
辅助功能树

因为图标几乎都是纯粹的装饰性特征,所以明智的做法是将其从
辅助功能树中完全排除
aria hidden=“true”
正好实现了这一点。因此,它包含在
的每个示例中,以使internet成为一个更容易访问的地方



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

阅读此文章,不可能理解一个单词,然后你必须进一步学习。专门用于处理DOM。