Guia prático de trabalho
Guia prático de texto alternativo para imagens de websites
Escreva texto alternativo segundo a função da imagem naquele contexto. Descreva informação útil, 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 a utilização, não apenas o ficheiro
A árvore de decisão da W3C WAI distingue usos informativos, funcionais e decorativos. Analise cada colocação: a mesma fotografia pode exigir tratamento diferente num estudo de caso e numa faixa decorativa.
| Colocação | Detalhes |
|---|---|
| Fotografia num caso de reparação | Função: Mostrar a alteração concluída Exemplo de tratamento: «Aro da porta reparado, com o canto danificado substituído.» |
| Ligação para início só com imagem | Função: Navegar para início Exemplo de tratamento: Nome acessível indica o destino |
| Elemento visual de fundo | Função: Apenas decoração Exemplo de tratamento: Alt vazio num 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 a reparação. Se o texto já explica o trabalho, distinga de forma breve o estado visível em cada fotografia. Não deduza «seguro», «certificado» ou «melhor qualidade» apenas da aparência. Num diagrama complexo, coloque a explicação importante em texto próximo, não toda no alt.
Atribua a revisão a uma pessoa
Registe página, colocação, referência, função, alternativa, idioma e revisor. Verifique a página sem imagens e com tecnologia de apoio quando adequado. Traduza o significado e a ação das imagens funcionais, sem copiar inglês entre idiomas. Reveja quando mudar a função ou o conteúdo próximo.