Guia prático de trabalho
Guia prático de texto alternativo para imagens de sites
Escreva texto alternativo conforme a função da imagem naquele contexto. Descreva informações úteis, indique a ação nas imagens funcionais e use alt vazio nas puramente decorativas. Não encha todas as imagens de palavras-chave nem repita texto próximo sem necessidade.
Inventarie o uso, não apenas o arquivo
A árvore de decisão da W3C WAI distingue usos informativos, funcionais e decorativos. Analise cada uso: a mesma foto pode exigir tratamento diferente em um estudo de caso e em uma faixa decorativa.
| Uso | Detalhes |
|---|---|
| Foto em um caso de reparo | Função: Mostrar a alteração concluída Exemplo de tratamento: “Batente da porta reparado, com o canto danificado substituído.” |
| Link para início só com imagem | Função: Navegar para início Exemplo de tratamento: Nome acessível informa o destino |
| Elemento visual de fundo | Função: Apenas decoração Exemplo de tratamento: Alt vazio em um elemento de imagem |
Fontes: W3C WAI — Image decision tree.
Trabalhe um par antes e depois
Exemplo fictício: duas imagens mostram uma soleira danificada e o reparo. Se o texto já explica o serviço, diferencie brevemente o estado visível em cada foto. Não deduza “seguro”, “certificado” ou “melhor qualidade” apenas da aparência. Em um diagrama complexo, coloque a explicação importante em texto próximo, não toda no alt.
Atribua a revisão a uma pessoa
Registre página, uso, referência, função, alternativa, idioma e revisor. Verifique a página sem imagens e com tecnologia assistiva quando adequado. Traduza o significado e a ação das imagens funcionais, sem copiar inglês entre idiomas. Revise quando mudar a função ou o conteúdo próximo.