códigoLivre

Entendendo o atributo `<img alt>`

O texto do atributo alt descreve o conteúdo da imagem, dando a ela um texto alternativo. Um atributo alt ajuda nos casos onde a imagem não carrega ou não pode ser vista pelo usuário. Os mecanismos de busca também o utilizam para compreender o que uma imagem contém para a incluir nos resultados de pesquisa.

Aqui está um exemplo:

1<img src="gato.jpeg" alt="Gato brincando">

Pessoas com deficiências visuais dependem de leitores de tela para converter conteúdo da web em uma interface de áudio. Eles não vão obter informações se elas forem apresentadas apenas visualmente.

Para imagens, os leitores de tela podem acessar o atributo alt e ler seu conteúdo para fornecer informações importantes. Um bom texto no atributo alt fornece ao leitor uma breve descrição da imagem.

Você sempre deve incluir um atributo alt na sua imagem. Segundo a especificação do HTML5, isso agora é considerado obrigatório.

O que devo colocar no meu atributo alt?

A regra genérica para o conteúdo do atributo alt é: use um texto que cumpra a mesma função que a imagem.

Algumas regras mais específicas:

  • se a imagem for simplesmente um texto decorado, coloque o texto no atributo alt
  • se a imagem for apenas decorativa, não há problema em ter um atributo alt vazio (por exemplo, alt=""), mas nesses casos é melhor inserir a imagem via CSS.
  • se a imagem apresentar muitas informações importantes, tente resumir em uma linha curta para o atributo alt

© 2021

TwitterYouTubeInstagramGitHubRSS Feed