accessibility - Font Awesome 支持屏幕阅读器和辅助功能

Question

根据Font Awesome home page :

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

我也知道建议给字体图标添加aria-hidden="true"属性，这样屏幕阅读器就可以忽略它们。

我的问题是，Font-Awesome 做了什么“不会绊倒屏幕阅读器”(我查看了他们的 GitHub 网站，但我找不到任何东西)，我是否还需要添加 aria-hidden="true" 属性？

Answer 1

最佳情况:

<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>