Entendo o que as funcionalidades fazem, porém não seria melhor não ter nenhum texto logo para que não corra o risco de ambas as funcionalidades falharem? Não seria melhor não ter nenhum texto para exibir e manter o atributo "alt"?
O que de fato eu não entendi foi: Por que eu vou usar ferramentas para esconder um texto, que podem ser falhas, ao invés de não colocar o texto no HTML? Como eu não trabalho com TI (estou buscando isso) não sei se tem uma aplicação prática para isso.
Olá Tadeu.
Você lembra como estava antes do image replacement? A tag era <img></img> e funcionava de boa. A técnica de image replacement pode ser interessante em casos que você quer representar visualmente, em forma de imagem, algum nome, por exemplo. No caso, quisemos no exercício mostrar GitHub através do logotipo deles. Quem lê, entende que aquilo quer dizer GitHub, sendo a imagem apenas uma referência. Logo, não queremos que as ferramentas de busca indexem essa imagem, pois ela não diz nada do nosso site, não é uma imagem referente ao nosso site. Usando o image replacement, deixamos todo o visual no CSS e os indexadores (que não olham para o CSS), não indexam como imagens esses caras, que agora são tags <a>.
Isso foi explicado nesse capítulo:
Por não examinarem o CSS, as ferramentas de busca não encontrarão e, portanto, não indexarão as imagens referenciadas no CSS. Isso pode ser ou não interessante. Se usamos corretamente a técnica image replacement, apenas imagens secundárias, supérfluas para o conteúdo, serão ignoradas; as imagens mais importantes ficam no HTML e, portanto, são indexadas.
A parte da técnica da "image replacement" eu entendi. deixando somente as imagens importantes no código HTML.
Tag orientada pelo curso:
<"a href="http://github.com/joaodasilva" class="github""> Github <"/a">
O que eu não entendo é: Pra que declarar o nome "Github", entre as tags <"a"> e <"/a">se vamos escondê-los. Não poderia simplismente deixar vazio, ou seja, sem escrever nada para que eu não tenha que esconder nada e dar um possível erro.
Tag que eu endendo que seria melhor ao invés de usar text-ident:-99999px;:
tag <"a"> vazio <"/a">.
Bom, não tenho completa certeza disso, mas ainda acho que vale para os indexadores e também em casos do CSS não carregar. Se ocorrer alguma falha e seu CSS não carregar, a imagem não aparecerá. Caso não haja nenhuma texto, nada apareceria.
Na minha opinião se você tirar os textos que estão
relacionados com a tag <a>...</a>, você teria um problema com as "ferramentas de buscas", isso pode ocorrer por causa da semântica. O motivo seria pelo fato de não haver um texto para orientar as palavras-chaves/categorias e como a imagem é uma logo que não está anexada no html ela fica apenas com o valor visual e não semântico que é o desejado! Pelo que eu entendi o texto existe apenas para dar o valor semântico e a imagem anexada no arquivo css tem apenas o valor visual, como estamos usando a técnica "image replacement" o texto ficaria oculto, mas as ferramentas de buscas conseguiriam identificar o conceito dos links da tag <a>. Acho que é mais ou menos isso... rsrsrs