Image replacement com atributo alt

Fala pessoal!

Gostaria de discutir uma ideia, no caso de estarmos trabalhando com imagens das redes sociais não é interessante ter o atributo alt como existe dentro das tags img? Vi uma proposta na internet e estou postando a seguir, existe alguma desvantagem? Pois se a ideia é ser o mais semântico possível seria uma das formas. Segue o código

Obs1: a imagem do spacer.gif é uma imagem GIF transparente de um pixel segue o link da ideia : https://www.maujor.com/tutorial/image-replacement.php código de Radu Darvas Replacement

Obs2: não testei o código, gostaria de discutir a ideia e a viabilidade.

    <li id="github"><a href="https://github.com/joaodasilva"><img src=spacer.gif" alt="Github" /></a> <span>Github</span></li>

------
CSS
li#github {
    width: 0px;
    height: 40px;
    background-image: url(github.png);
}
li#github span { display: none;}
li#github img {
    width: 0px;
    height: 0px;
}