3

According to the Font Awesome home page:

Font Awesome won't trip up screen readers, unlike other icon fonts.

I also know that it is recommended to add the aria-hidden="true" attribute to font icons so that screen readers can ignore them.

My question is, what does Font-Awesome do that "won't trip up screen readers" (I had a look on their GitHub site and I can't find anything) and do I still need to add the aria-hidden="true" attribute?

4

2 回答 2

4

最佳案例：

<a href="https://www.facebook.com/#" title="Your title">
  <i class="fa fa-facebook" aria-hidden="true"></i>
  <span class="screen-reader-text">We are on Facebook</span>
</a>
于 2016-02-12T15:50:01.490 回答
3

他们只是简单地谈论他们解剖结构的阴暗区域。除了图像还有什么图标字体？当纯粹作为图标呈现时，他们的图标字体没有替代文本。在带有 Safari 的 OS X 上，它们被读出为难以理解的字符，而不是对图标是什么的描述……所以……我应该如何圆滑地说……

FONT AWESOME 的图标无法访问！！！

只是为了说明，这里是他们的“buyselladds”图标的标记

<i class="fa fa-buysellads"></i>

我看不到图标的描述。你能？这怎么可能访问？

于 2015-04-02T01:49:18.843 回答