如何使Font Awesome元素具有可辨识的名称？

Question

你好，

我正在尝试使用Lighthouse解决字体awesome图标/元素的可辨识名称审计问题，但我不知道如何回答这个挑战: 如何使字体awesome元素具有可识别的名称？

Lighthouse中的实际结果要求“元素具有可辨识的名称”

以下是基本代码

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

Best regards

J.

- JeanCharles Amey

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找到。

- Ashok Vairavan

---

很棒的文章，非常感谢 - 它有效！-祝你周日愉快！ - JeanCharles Amey