Como você pode criar uma tag vazia acessível com apenas uma imagem de fundo CSS, por exemplo, para um link de mídia social.
Então a única tag HTML seria:
<a class="social-link" href="https://mastodon.social"></a>
E o CSS seria:
.social-link{
height:48px;
width:48px;
background-image: url("mastodon.png");
}
Pergunta de estouro de pilha semelhante aqui, mas não fornece sintaxe específica para esta pergunta: Acessibilidade HTML, elementos vazios são permitidos?