Как исправить Lighthouse «Ссылки не имеют разборчивого имени» ⇐ CSS

[Anonymous]

Lighthouse предлагает исправить мой текст href

У меня есть такой HTML

Код: Выделить всё

[url=https://twitter.com/@some-name-here][/url]

На самом деле здесь происходит то, что я просто показываю изображение внутри href с помощью класса css:

Код: Выделить всё

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

Я не могу использовать Twitter, так как в этом случае отображаемый текст разрушит представление.

Я не могу придумать ничего другого, как просто поместить пробел с текстом внутри моего a и сделать его скрытым, например, Twitter но интересно, есть ли подходящее решение?

Любое рекомендации по этому поводу?

Подробнее здесь: https://stackoverflow.com/questions/516 ... nible-name