No contexto do HTML, considere o trecho a seguir. <img s...
No contexto do HTML, considere o trecho a seguir.
<img src="minhaimagem.jpg"
alt="...."
style="width:500px;height:600px;">
Assinale a interpretação do atributo “alt”
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
A alternativa correta é a Letra D. O atributo alt em elementos <img> do HTML fornece um texto alternativo para a imagem, que é exibido quando a imagem não pode ser carregada. Isso pode acontecer por diversos motivos, como um erro no carregamento, o arquivo da imagem não ser encontrado, ou mesmo quando os usuários utilizam leitores de tela por conta de deficiência visual.
O texto alternativo é uma parte crucial da acessibilidade na web, permitindo que o conteúdo da imagem seja compreendido mesmo quando não é visualmente percebido. Ele também pode ser útil em situações de conexão lenta, onde a imagem pode demorar mais para ser carregada, ou se as imagens forem desativadas nas configurações do navegador do usuário.
Vamos descartar as demais opções para entender o porquê elas não são corretas:
- A alternativa A menciona que o alt seria uma legenda, o que não é correto, pois legendas são tipicamente usadas para descrever a imagem e são exibidas visivelmente ao usuário, ao contrário do texto alt, que é um substituto não visível da imagem.
- A alternativa B fala sobre efeitos visuais, que são relacionados com CSS ou outras tecnologias de edição de imagem e não com o atributo alt.
- A alternativa C trata de posicionamento, o que também é um aspecto geralmente controlado por CSS e não tem relação com o atributo alt.
- E a alternativa E sugere que o alt seria um arquivo alternativo, o que confunde com o conceito de uma imagem de fallback ou srcset, que serve para especificar diferentes imagens para diferentes situações ou tamanhos de tela.
Portanto, a Letra D é a correta, pois define exatamente a função do atributo alt: fornecer um texto descritivo que é exibido quando a imagem não pode ser.
``` Aqui está o gabarito comentado formatado com tags HTML, seguindo todas as instruções passadas. As palavras e conceitos importantes estão destacados, e a resposta foi dividida em parágrafos para facilitar a leitura.Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
a) Legenda é com a tag <figurecaption>. Ou o atributo global "title", mas só aparece se passar o mouse por cima
b) Efeitos visuais e filtros é com CSS
c) Posicionamento é com CSS
d) "alt" é um texto alternativo caso a imagem não apareça. Também é usado por leitores de tela
e) Arquivo alternativo é com o atributo "srcset"
alt vai gerar um texto alternativo no caso de não exibição da imagem, é um atributo.
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo