Solucionado
Ola para todos. Vendo essa ultima aula eu notei bem estranha essa colocação
text-indent: -9999px;me parece uma 'gambiarra' (perdão por não encontrar uma palavra melhor) para esconder o texto. não existira mesmo uma maneira melhor de sumir com o texto??
hoje, com a Alura e o Google Gemini
Olá Guilherme, é uma gambiarra mesmo, infelizmente ainda não existe uma solução para isso.
Guilherme infelizmente é uma "gambiarra" boa pois se tornou padrão em casos como esse talvez deixando de ser uma gambiarra e sim uma alternativa, acredito que gambiarra seja um código que somente você fez para resolver um determinado problema, porém nesse caso ja se tornou prática.
Infelizmente para um site mais semântico e para um melhor resultado no SEO temos que utilizar dessa maneira.
Espero ter ajudado
Você pode usar:
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(LINK_DA_IMAGEM);
width: LARGURA;
height: ALTURA;Continua sendo uma gambiarra, mas pelo menos não renderiza uma box de 9999px toda vez que for fazer um replacement.