Imagens e alt
Toda imagem carrega uma informação visual. O atributo alt é o que garante que essa informação não se perca quando a imagem não pode ser vista.
Estudar esta lição interativa →Nem toda imagem chega a quem visita a sua página. Ela pode falhar ao carregar (conexão ruim, link quebrado), ou pode simplesmente não ser vista, por uma pessoa cega usando um leitor de tela, por exemplo. Nos dois casos, existe um único mecanismo que garante que a informação daquela imagem não se perca: o atributo alt (texto alternativo).
Pense em descrever uma foto por telefone para alguém que não pode vê-la. Você não diria só "uma imagem"; você diria "um bolo de chocolate de três andares, decorado com morangos". É exatamente esse nível de detalhe que um bom alt carrega: o suficiente para que quem não vê a imagem entenda o que ela mostra, sem exagerar em detalhes irrelevantes.
🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. Se a imagem falhar, o texto do alt aparece no lugar dela. Aqui a falha é de propósito.
Um exemplo de produto real: numa loja on-line, o alt da foto de um produto ("Tênis de corrida azul e branco, vista lateral") ajuda tanto quem usa leitor de tela a entender o que está comprando quanto o Google a indexar aquela imagem numa busca por "tênis azul". Alt bem escrito não é só acessibilidade, é também um detalhe que ajuda o site a ser encontrado.
Três erros clássicos: deixar o alt totalmente ausente (pior caso, o leitor de tela costuma ler o nome do arquivo, algo como "IMG_2481.jpg", inútil); usar um alt genérico, como alt="imagem" ou alt="foto", que não descreve nada de fato; e escrever um alt longo demais, um parágrafo inteiro quando uma frase bastaria. Exceção importante: para imagens puramente decorativas, sem informação nenhuma (um floreio visual), o correto é alt="" (vazio, mas presente), que diz ao leitor de tela para pular a imagem sem ler nada, em vez de interromper a leitura com uma descrição inútil.
🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. Complete o alt com uma descrição de verdade.