Imagens acessíveis e SEO: escolher alt no contexto

Em resumo

A alternativa textual transmite informação ou uma ação útil. A mesma imagem pode precisar de outro texto, ou alt vazio, conforme a função.

Arquivo de inteligência vazio com dossiês e mapas Ilustração · cena fictícia
Neste artigo

Classificar antes de descrever

O contexto importa mais do que enumerar detalhes. Alt vazio é diferente de atributo ausente. Dados e relações de um gráfico devem também existir em texto ou tabela.

FunçãoAlternativaComplemento
Decoração redundantealt=""O texto próximo é suficiente.
Informação simplesDescrição breve contextualEvitar palavras-chave alheias.
Imagem como único linkDestino ou açãoNome de ligação compreensível.
Gráfico complexoTema e mensagem principalDados e relações em texto.

Verificar a utilização real

  • Num link só com imagem, indique destino ou ação. Evite repetir um texto de ligação já suficiente.
  • Não coloque instruções essenciais apenas em title: teclado, toque e tecnologias de apoio não asseguram acesso fiável.
  • Teste idiomas e percurso sem imagens. Otimize dimensões e carregamento sem atrasar automaticamente o visual principal.

Relacionar visibilidade e direitos

Nome de ficheiro ou marcação não garante indexação ou posição. Declare uma licença só depois de verificar direitos e mantenha créditos obrigatórios. Identifique ilustrações sintéticas sem as apresentar como provas documentais.

Fontes primárias

O texto alternativo depende do uso da imagem.

O texto alternativo descritivo não é automaticamente a escolha certa. Elementos decorativos redundantes podem ter texto alternativo vazio; uma imagem com link deve comunicar seu destino; um gráfico complexo também precisa de uma descrição detalhada. Analise a imagem em seu contexto real na página.

  • Classifique a decoração, a informação e a função antes de escrever.
  • Coloque as relações do diagrama em um texto próximo ou em uma tabela.
  • Evite listas de palavras-chave e a descrição de cenas fictícias como evidências reais.

Fonte primária: W3C WAI — An alt Decision Tree. Método relacionado: consultar o guia prático.