如何使字体真棒元素具有可辨别的名称？

Question

的Bonjour，

尝试使用Lighthouse解决字体真棒图标/元素的可辨别名称的审核点我不知道如何应对这一挑战：如何使字体真棒元素具有可辨别的名称？

actual result in Lighthouse要求“元素具有可辨别的名称”

这是基本代码

<a href="https://twitter.com/blablabla"><i class="fa fa-twitter black"></i></a>

祝你好运

学家

Answer 1

添加aria-label属性以通过审核。

<a href="https://twitter.com/blablabla" aria-label="twitter"><i class="fa fa-twitter black"></i></a>

有关aria-label的更多信息，请访问https://dev.opera.com/articles/ux-accessibility-aria-label/#accessible-name-calculation