Solucionado
A formar utilizada para tirar o texto da frente das imagem utilizando a indentação "text-indent: -99999px;" parece ser mais um "jeitinho" de resolver um problema que não foi pensado, porque não deixar o link sem texto?
E sendo uma prática comum porque até hoje não tem um linha de comando que possa fazer essa alteração?
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