Font Awesome 支持屏幕阅读器和辅助功能
Font Awesome support for screen readers and accessibility
Font Awesome won't trip up screen readers, unlike other icon fonts.
我也知道,建议给字体图标加上aria-hidden="true"
属性,这样屏幕阅读器就可以忽略它们。
我的问题是,Font-Awesome 做了什么 "won't trip up screen readers"(我查看了他们的 GitHub 网站,但我找不到任何东西)我是否还需要添加aria-hidden="true"
属性?
他们只是在从他们身体的深处说话。什么是图像以外的图标字体?当纯粹作为图标呈现时,他们的图标字体没有文本替代。在带有 Safari 的 OS X 上,它们被读出为难以理解的字符,并且没有对图标的描述......所以......我应该如何外交地表达这一点......
FONT AWESOME 的图标无法访问!!!
只是为了说明,这里是他们的 "buyselladds" 图标的标记
<i class="fa fa-buysellads"></i>
我看不到图标的说明。你是否可以?这怎么可能访问?
最佳情况:
<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>
Font Awesome won't trip up screen readers, unlike other icon fonts.
我也知道,建议给字体图标加上aria-hidden="true"
属性,这样屏幕阅读器就可以忽略它们。
我的问题是,Font-Awesome 做了什么 "won't trip up screen readers"(我查看了他们的 GitHub 网站,但我找不到任何东西)我是否还需要添加aria-hidden="true"
属性?
他们只是在从他们身体的深处说话。什么是图像以外的图标字体?当纯粹作为图标呈现时,他们的图标字体没有文本替代。在带有 Safari 的 OS X 上,它们被读出为难以理解的字符,并且没有对图标的描述......所以......我应该如何外交地表达这一点......
FONT AWESOME 的图标无法访问!!!
只是为了说明,这里是他们的 "buyselladds" 图标的标记
<i class="fa fa-buysellads"></i>
我看不到图标的说明。你是否可以?这怎么可能访问?
最佳情况:
<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>