Olá Edson,

Creio que por questões de acessibilidade, "deixar o link sem texto" não seria a melhor opção.

Também concordo que se é comum já deveria ser otimizado.

Aguarde por mais respostas.

Att,

Nesse caso é preciso pensar na semântica do código. O que ele significa e não o que é apresentado na tela. O texto deve permanecer no HTML pois elé é a verdadeira informação, no caso o nome da rede social. Essa é a informação que é buscada por exemplo por um site de busca como o google. Se fosse colocado apenas a imagem ele relacionaria essa informação como uma figura e não como o nome de uma rede social. No entanto para apresentar essa informação para o usuário, é muito mais legal mostrar a imagem do que apenas texto. Por isso a jogada com CSS, o usuário está vendo uma imagem, mas o significado real é um texto que indica o nome de uma rede social. Espero ter ajudado. Até mais.

Olá Edson blz ?? Então acredito que conforme o Rogério citou, a jogada é exatamente está manter a semântica. Caso o texto não esteja presente, nosso código será legível aos mecânismos de busca. Um teste interessante seria utilizar a extensão do chromevox para testar a semântica(conforme exemplo da aula). Também fiquei na duvida e fiz os testes e realmente se não tivermos o texto no código a leitura não acontece.

Edson, concordo com você em tudo que foi citado. Para mim também deveria ter um jeito mais otimizado, pois dessa maneira parece até uma leve gambiarra hehehehe