Uma árvore de decisão do atributo `alt`

About this translation

Esta tradução voluntária pode não refletir de forma adequada as intenções da versão original em inglês.

Pessoa tradutora: Adiel Cristo.
A Iniciativa de Acessibilidade Web (WAI) agradece às pessoas tradutoras e dá as boas-vindas a outras traduções.

A imagem contém texto?
- Sim:
  - … e o texto também está presente como texto real próximo. Use um atributo alt vazio. Consulte Imagens decorativas (em inglês).
  - … e o texto é mostrado apenas para efeitos visuais. Use um atributo alt vazio. Consulte Imagens decorativas (em inglês).
  - … e o texto tem uma função específica, por exemplo, é um ícone. Use o atributo alt para comunicar a função da imagem. Consulte Imagens funcionais (em inglês).
  - … e o texto na imagem não está presente de outra forma. Use o atributo alt para incluir o texto da imagem. Consulte Imagens de texto (em inglês).
- Não:
  - Continue.
A imagem é usada em um link ou botão e seria difícil ou impossível entender o que o link ou o botão faz se a imagem não estivesse lá?
- Sim:
  - Use o atributo alt para comunicar o destino do link ou a ação tomada. Consulte Imagens funcionais (em inglês).
- Não:
  - Continue.
A imagem contribui com significado para a página ou contexto atual?
- Sim:
  - … e é um gráfico ou fotografia simples. Use uma breve descrição da imagem de uma forma que transmita esse significado no atributo alt. Consulte Imagens informativas (em inglês).
  - … e é um gráfico ou informação complexa. Inclua as informações contidas na imagem em outro lugar da página. Consulte Imagens complexas (em inglês).
  - … e mostra conteúdo redundante do texto real próximo. Use um atributo alt vazio. Consulte Imagens funcionais (em inglês) (redundantes).
- Não:
  - Continue.
A imagem é puramente decorativa ou não é destinada às pessoas usuárias?
- Sim:
  - Use um atributo alt vazio. Consulte Imagens decorativas (em inglês).
- Não:
  - Continue.
O uso da imagem não está listado acima ou não está claro qual texto o atributo alt deveria fornecer?
- Esta árvore de decisão não abrange todos os casos. Para obter informações detalhadas sobre o fornecimento de alternativas de texto, consulte os Tutoriais de imagens (em inglês).

Voltar ao topo