O Alt Text (texto alternativo) é um atributo HTML usado para descrever o conteúdo de uma imagem. Ele é exibido quando a imagem não pode ser carregada e é lido por leitores de tela para pessoas com deficiência visual. Além de melhorar a acessibilidade, o Alt Text também ajuda os mecanismos de busca a entenderem o que a imagem representa, contribuindo para o SEO da página.
Por que o Alt Text é importante?
- Acessibilidade: permite que pessoas com deficiência visual compreendam o conteúdo visual da página por meio de leitores de tela.
- SEO: imagens com Alt Text relevante podem aparecer na busca de imagens e melhorar o ranqueamento geral da página.
- Experiência do usuário: quando a imagem falha o carregamento, o texto alternativo é exibido, mantendo o contexto.
Boas práticas para escrever Alt Text
- Seja descritivo e específico: descreva o que a imagem mostra de forma concisa.
- Use palavras-chave relevantes, mas sem exageros (keyword stuffing).
- Evite começar com “imagem de” ou “foto de”.
- Mantenha entre 5 e 15 palavras, a menos que seja necessário mais para descrever uma imagem complexa.
- Para imagens decorativas, use
alt=""para que o leitor de tela as ignore.
Exemplo
Ruim: alt="gato"
Bom: alt="Gato siamês deitado no sofá cinza"
O Alt Text é um elemento simples, mas poderoso, que torna sua página mais acessível e amigável para os mecanismos de busca. Sempre que adicionar uma imagem, lembre-se de preencher o atributo alt com uma descrição clara e útil.