O texto alternativo (alt text) deve descrever o conteúdo ou a função da imagem para que pessoas que usam leitores de tela possam compreender o material. Essa descrição também aparece quando a imagem não carrega, garantindo redundância informacional. Deve expressar o que a imagem significa, não o que ela “mostra visualmente”. A mesma imagem pode ter alts diferentes dependendo do contexto.

O texto alternativo permite que leitores de tela leiam conteúdos não textuais. Ou seja, sem alt text, usuários de leitores de tela ficam sem informação. Também aparece quando a imagem não carrega e ajuda em conexões lentas, melhorando indexação em buscadores. Além de ser questão de direitos humanos, para órgãos públicos a ausência do alt text pode gerar descumprimento legal (LBI). Nas imagens decorativas, o uso do texto alternativo vazio (alt="") evita “ruído” desnecessário.

Boas práticas:

• Escreva de forma concisa (até ~125 caracteres).
• Evite redundância (“imagem de”, “foto de”), redundância com legendas, excesso de detalhes irrelevantes.
• Foque na função e significado.
• Descreva a função/resultado, não os detalhes visuais.
• Adapte ao contexto: a mesma foto pode ter descrições diferentes em documentos distintos.
• Em gráficos, , utilize alt text curto e descrição longa/tabela.
• Em infográficos, crie alternativa equivalente: descrição narrativa ou tabela com os dados.
• Em ícones, descreva a ação, não a forma (“Buscar” em vez de “lupa”).

Corretos:

• “Mapa do Brasil com estados do Nordeste em azul” (gráfico informativo).
• “Abrir pesquisa” (ícone de lupa em botão).
• alt="" em imagem de fundo meramente decorativa.

Incorretos:

• “imagem1.png” (nome de arquivo).
• “Gráfico bonito” (sem informação).
• Repetir legenda no alt text.
• Descrição excessiva: “Foto colorida de um homem sorridente com camisa azul…” quando o contexto não exige.

• Não aplique excesso de palavras, não ignore contexto, não ignorediagramas.
• Não use texto alternativo vago (como ‘imagem de’), pois dificulta a compreensão da informação pelo usuário.
• Não repita legenda, pois torna a informação redundante e cansativa.
• Não deixe de aplicar descrições longas em gráficos, pois impede que o usuário o acesso ao dado.
• Não insira texto alternativo em imagens decorativas, pois faz o leitor de tela anunciar conteúdo irrelevante, atrapalhando a navegação.