如何将 alt 添加到具有 href 的图标标签？答案

【问题标题】：How to add a alt to a icon tag which has a href?如何将 alt 添加到具有 href 的图标标签？
【发布时间】：2020-06-11 08:33:53
【问题描述】：

<a href="#" target="_blank"><i class="fab fa-twitter-square" alt = "Error: Didn't Load" ></i></a>

基本上想确保如果图标没有加载 l 仍然可以加载替代文本以链接到我想要的链接。

图标来自字体真棒

【问题讨论】：

你不能。 alt 仅适用于图像，而不适用。
无论如何，您应该在链接中使用文本（即使对大多数人来说是隐藏的），因为屏幕阅读器不会从您当前的 HTML 标记中获得任何信息。

标签： html css icons href alt

【解决方案1】：

<script src='https://kit.fontawesome.com/a076d05399.js'></script>

<a href="#" target="_blank"><i class="fab fa-twitter-square"></i></a>

<span class="sr-only">twitter</span>

使用这个 span 标签代替 alt，它会在 fontawesome 不工作时工作......

【讨论】：