如何修复灯塔"链接没有明显的名称"

灯塔建议修复我的href文本

我有这样的HTML

这里真正发生的是我只是使用css类在href中显示图像:

.social-icon.twitter {
  background: url('../images/logo-twitter.png') no-repeat center center;
}

我不能这样做,Twitter因为显示的文本会破坏视图.

我想不出其他任何事情,比如只是span在我的文本中放入一个文本a并将其隐藏起来,Twitter但是想知道是否有任何正确的解决方案？

对此有何建议？

出于可访问性原因(屏幕阅读器所需),链接必须包含文本或在aria-label属性中包含说明.在像您这样的许多用例中,您不希望在链接中添加任何文本,而是使用图像或任何图形元素包装.

通过添加aria-label="Twitter"到您的a元素来修复它,比如