Descrição da imagem aparecer no Mozilla Firefox - 'Alt' e 'Title'

Por:

| 5 de mai de 2011

Alt e Title no Firefox

Quando usamos o atributo alt em uma 'imagem link', ele exibe uma descrição que é vista quando se passa o cursor do mouse sobre a imagem. 
(passe a seta do mouse na imagem acima para ver exemplo)

Porém o que muitos já devem ter notado, inclusive em imagens antigas aqui do blog, é que o alt só exibe a descrição das imagens no navegador Internet Explorer, porém no Mozilla Firefox esta descrição não aparece.
O que acontece é que o Mozilla interpreta o alt da maneira correta, usando este atributo para exibir um texto caso a imagem fique fora do ar, enquanto o Internet Explorer o interpreta de maneira inadequada, usando-o para mostrar uma decrição quando é passada a seta do mouse sobre a imagem, quando o atributo correto para isso seria o title.
Para contornar este problema devemos usar este atributo nas imagens, o title, o mesmo utilizado em links simples para exibir um texto descritivo. Devendo ficar assim:

<img src="url da imagem" alt="texto descritivo" title="texto descritivo">


O resultado será o mesmo mostrado na imagem do começo da postagem. Pronto!
Gerador de Senha - Crie senhas mais seguras
- Topo