Como escrever textos alternativos para elementos não textuais em documentos, cursos e páginas web, para que todos compreendam o conteúdo, inclusive quem usa tecnologias assistivas.
Texto que transmite a mesma informação essencial que a imagem.
O texto alternativo (alt text) deve descrever o conteúdo ou a função da imagem para que pessoas que usam leitores de tela compreendam o material. Também aparece quando a imagem não carrega, garantindo acesso à informação mesmo sem o recurso visual. Deve ser curto e explicar o que a imagem significa no contexto, não só o que mostra. A mesma imagem pode ter alts diferentes conforme a situação.
Garante acesso para pessoas cegas ou com baixa visão; melhora usabilidade.
O texto alternativo permite que leitores de tela acessem conteúdos não textuais. Sem alt text, quem usa esses recursos fica sem informação. Também aparece quando a imagem não carrega, ajuda em conexões lentas e facilita que mecanismos de busca listem o conteúdo. Órgãos públicos devem usar texto alternativo por questão de direitos humanos e para cumprir a Lei Brasileira de Inclusão (LBI). Use alt vazio (alt="") em imagens decorativas para que o leitor de tela as ignore.
Sempre em imagens informativas (gráficos, ícones, mapas, fotos).
Imagens informativas: transmitem dados ou instruções (gráficos, mapas, diagramas, ícones em botões). Precisam de alt text.
Imagens decorativas: não trazem informação, apenas ilustram ou embelezam. Devem usar texto alterantivo vazio (alt="") para serem ignoradas por leitores de tela.
Imagens complexas (gráficos e infográficos): além do alt text, ofereça também uma descrição detalhada ou uma tabela com os dados.
Frases curtas (até 125 caracteres), claras e sem redundância.
Conferir com leitores de tela (NVDA, JAWS) e ferramentas automáticas (WAVE, Axe).
Use descrições que transmitam o significado da imagem; evite textos genéricos ou redundantes.
Corretos:
Incorretos:
Não confunda imagem decorativa com informativa; não crie “pintura verbal” (detalhes irrelevantes); não aplique descrição longa em gráficos.
WCAG 1.1.1; NBR 17225; eMAG; Lei 13.146/2015.
Outras normas relacionadas:
Boas práticas em alt text, exemplos, curso e ferramentas.
