Uso correto de Alt e Title
Postado por: Pedro Rogério emMuita gente acredtita que usando a tag alt para imagens ela assume o papel de Tooltip. Esse método foi adotado a anos atrás, tudo começou com o Netscape, usando alt para indicar um tooltip, e o Internet Explorer foi lá e seguiu a mesma linha.
A tag alt serve para, por exemplo, se a imagem por algum motivo não for carregada, mostrar uma descrição prévia da imagem, seu uso também é recomendando para browsers que não suportam imagens. Agora o uso de title é para quando o usuário repousar o mouse sobre a imagem, ou o link, aparacer uma descrição definida pelo usuário sobre o mesmo.
A maneira errada de indicar um tooltip:
<img src="http://sua_imagem.gif" alt="Maneira errada" />
Maneira correta de indicar um tooltip:
<img src="http://sua_imagem.gif" alt="Texto alternativo caso a imagem não seja carregada" title="Essa é a maneira correta de indicar um tooltip em uma imagem" />
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Eu estava em dúvida sobre isso, eu fiz o exemplo que vc colocou como correto, mas no dreamweaver ele sublinha a tag title como erro (tipo no word).
Mas mesmo assim percisti com o código.
Valew por ter tirado essa dúvida.
É, pena que o IE 6 mostra um tooltip mesmo com
alt=" ".[...] que esta tem um pouco mais de importância com relação às outras. Ah, use também os atributos ALT e TITLE corretamente. Você vai sentir a diferença [...]
[...] que esta tem um pouco mais de importância com relação às outras. Ah, use também os atributos ALT e TITLE corretamente. Você vai sentir a diferença [...]
[...] um artigo anterior, eu falei como fazer o uso correto da tag alt em imagens, como vocês podem ver, é [...]
Bom.
ajuda tb a elevar o raking do site nos buscadores.
Estava na dúvida sobre esse tópico, realmente acho que estava usando errado daqui prá frente dá para concertar. E como diz o Allan ai de cima isso ajuda bem no SEO do site
Então significa que em todas imagens devemos usar Alt e title ? isto é o padrão ? – pois oque mais vejo é que em imagens usa somente o Alt.
@Mateus,
O uso de title em imagens não é obrigatório, mas se você quiser proporcionar o máximo de acessibilidade em seu site e seguir padrões web, seu uso é extremamente aconselhável.
Ola galera eu venho agradecer ao Pedro Rogerio vlw msm me ajudo bastante toda
vida me confundia com essa tag valeu msm ..:) upe salve ^^