你好,
我正在尝试使用Lighthouse解决字体awesome图标/元素的可辨识名称审计问题,但我不知道如何回答这个挑战: 如何使字体awesome元素具有可识别的名称?
Lighthouse中的实际结果要求“元素具有可辨识的名称”
以下是基本代码
<a href="https://twitter.com/blablabla"><i class="fa fa-twitter black"></i></a>
Best regards
J.
你好,
我正在尝试使用Lighthouse解决字体awesome图标/元素的可辨识名称审计问题,但我不知道如何回答这个挑战: 如何使字体awesome元素具有可识别的名称?
Lighthouse中的实际结果要求“元素具有可辨识的名称”
以下是基本代码
<a href="https://twitter.com/blablabla"><i class="fa fa-twitter black"></i></a>
Best regards
J.
添加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找到。