Para remover os textos (Github, Twitter, LinkedIn) que aparecem no HTML é usado os comandos: text-indent: -99999px; que joga os textos para fora da página e o font-size: 0; que deixa o tamanho da fonte pequena demais pra ser vista, porém, ambas tem seu ponto negativo e isso pode acabar com a navegabilidade da página. Não seria melhor apagar os textos do HTML como no código abaixo?
Qual é o ponto negativo em fazer isso?
<ul class="icones-redes-sociais">
<li>
<a class="github" href="https://github.com/joaodasilva"></a>
</li>
<li>
<a class="twitter" href="https://twitter.com/joaodasilva"></a>
</li>
<li>
<a class="linkedin" href="https://br.linkedin.com/pub/joão-da-silva/32/4/508"></a>
</li>
</ul>