Comando "alt" html

Medivh · 10 de março de 2017

Queria saber se é normal aparece a descrição ao lado da imagem usando o comando "alt", para deficiente visual.

Quando eu tento colocar, ela aparece fora de imagem ao invés de só ser exibida quando passar o mouse em cima da imagem.

obs: html puro

	<a href="https://en.wikipedia.org/wiki/Brown_bear" target="_blank">
    <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/web101-image_brownbear.jpg"/><img src="#" alt="A field where there is a brown bear."/></a>

DiF · 10 de março de 2017

@Medivh Olá, seja bem vindo em nosso Clube do Hardware.

Na verdade, o atributo " alt", não é usado para isso(auxilio a deficiência visual).

O propósito do "alt" é prover uma informação QUANDO a imagem estiver quebrada. Ou seja, quando o link do src não encontrar a imagem.

Se você não percebeu, ali no seu código tem duas imagens. uma com o urso e a outra não possui link.

A que não possui link, está "quebrada". Logo como alternativa, é mostrada a frase que foi colocada com o atributo alt.

Em outras palavras, o alt é usado como uma alternativa para informar que ali tinha uma imagem.

Para colocar a mensagem quando deixa ou mouse em cima deve-se usar o atributo "title".

<a href="https://en.wikipedia.org/wiki/Brown_bear" target="_blank">
   <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/web101-image_brownbear.jpg" title="Ursinho bonitão"/>
</a>