出于可访问性原因(屏幕阅读器需要),链接必须包含文本或在 aria-label
属性中具有描述。在许多像您这样的用例中,您不想在链接中添加任何文本,而是将其用作图像或任何图形元素包装器。
通过将 aria-label="Twitter"
添加到您的 a
元素来修复它,例如:
<a href="https://twitter.com/@some-name-here" aria-label="Twitter" target="_blank" rel="noopener" class="social-icon twitter grayscale"></a>