Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 隐藏在字体中的咏叹调效果_Html_Fonts_Font Awesome - Fatal编程技术网

Html 隐藏在字体中的咏叹调效果

Html 隐藏在字体中的咏叹调效果,html,fonts,font-awesome,Html,Fonts,Font Awesome,在Font Awesome中,aria hidden的效果如何? 有必要使用它吗?为什么?或者为什么不呢 例如,我想知道下面代码中aria hidden=“true”的效果: <i class="fa fa-star" aria-hidden="true"></i> 如果你使用图标来添加额外的装饰或品牌,它 不需要向用户宣布,因为他们正在浏览您的 网站或应用程序的声音。此外,如果您正在使用图标 对HTML中已经存在的内容重新强调或添加样式, 它不需要重复到使用用户的

在Font Awesome中,
aria hidden
的效果如何? 有必要使用它吗?为什么?或者为什么不呢

例如,我想知道下面代码中
aria hidden=“true”
的效果:

<i class="fa fa-star" aria-hidden="true"></i>

如果你使用图标来添加额外的装饰或品牌,它 不需要向用户宣布,因为他们正在浏览您的 网站或应用程序的声音。此外,如果您正在使用图标 对HTML中已经存在的内容重新强调或添加样式, 它不需要重复到使用用户的辅助技术。 通过将aria hidden=“true”添加到 你的字体很棒


用作纯装饰的图标

<h1 class="logo">
  <i class="fa fa-pied-piper" aria-hidden="true"></i>
  Pied Piper, A Middle-Out Compression Solution Making Data Storage Problems Smaller
</h1>

Pied Piper,一种中端压缩解决方案,使数据存储问题更小
用作徽标的图标


来源:

简而言之,它使屏幕阅读器看不到图标,以增强可访问性

发件人:

如果您使用图标来添加额外的装饰或品牌,则不需要向用户宣布,因为用户可以通过声音导航您的网站或应用程序。此外,如果您使用图标在视觉上重新强调HTML中已经存在的内容或为其添加样式,则无需对使用用户的辅助技术重复该图标。通过将aria hidden=“true”添加到字体标记中,可以确保不读取此内容


此链接可以帮助您
我认为代码不会显示
aria hidden:“true”
对元素的作用
<h1 class="logo">
  <i class="fa fa-pied-piper" aria-hidden="true"></i>
  Pied Piper, A Middle-Out Compression Solution Making Data Storage Problems Smaller
</h1>