Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Entendi o funcionamento mas não a motivação

Sinceramente não entendi a motivação de usar a técnica de image replacement (pelo menos no exemplo do curso). Se o objetivo era apenas carregar as imagens via CSS porque deixamos o texto nos links? Não era mais simples colocar o texto no atributo alt, por exemplo e depois só carregar a imagem sem a necessidade de "esconder" o texto através da propriedade text-indent? Digo esconder porque é exatamente o que acontece e não uma substituição como o nome sugere.

Olhei os outros posts e li algumas coisas sobre SEO. De que modo esta técnica seria vantajosa para estas engines de busca? É realmente útil?

1 resposta
solução!

Oi Bruno, tudo bem? Boa pergunta, deixe-me esclarecer alguns pontos. O alt da imagem parece ser um lugar legal para deixar o texto disponível, porém, foge do intuito do alt, que é deixar disponível um texto alternativo em casos de falha do carregamento da imagem, e por ser alternativo, merece ser para melhor acessibilidade, mais descritivo.

Deixar o elemento sem nenhum texto é ruim por questões de SEO, para onde esse link leva? por que ele não tem uma referencia textual? Deixar apenas a imagem no link é ruim para os dois casos. O image replacement surge para tentar ajudar os dois casos, além de outros que acredito não serem mais tão problemáticos nos dias de hoje.

1 - O link continua com uma referencia textual e isso é bom tanto para os motores que lêem a página, quanto para as tecnologias assistivas, que fazem praticamente a mesma coisa.

2 - O visual do site pode ser melhorado para os demais casos dos usuários e tecnologias que não se encaixam no primeiro caso.

Ocultar elementos poderia ser uma alternativa, mas isso prejudica a acessibilidade. Um usuário pode ver o ícone muito bem, enquanto um leitor de tela pode ler o conteúdo corretamente. Pegou a ideia?