Olá,
Na aula 9 o instrutor fala sobre a técnica de image-replacement, onde ele usa o text-ident: -9999px;
.
Eu achei um pouco estranho, parecendo uma gambiarra monstruosa. Porém o título da aula ("Nem tudo é o que parece") me fez dar uma pesquisada.
Achei um artigo do Google que me causou um pouco de medo. Um dos itens que ele considera "violação", é justamente usar o CSS para colocar o texto fora da tela. E também fala que um modo de inserir acessibilidade no site é justamente usar o atributo ALT.
Além disso, olhei o site da Alura. Tanto no seu logo, quanto aos logos dos outros sites do Grupo Caelum utilizam a tag com o atributo ALT normalmente. Mesmo os ícones dos cursos que tem menor importância para as Search Engines estão colocadas com a tag <img>
.
A questão que fica é: O que usar? Pois se temos uma tag html que justamente faz o que queremos (colocar img e por um texto para a acessibilidade), por que não usar ela?