Información sobre herramientas de una "etiqueta img" dentro de una "etiqueta"

Question

Me gustaría saber la diferencia entre el atributo de título de la etiqueta "a" y el atributo alt de la etiqueta img.

Además, ¿qué debo usar cuando tengo una imagen dentro de una a? Al igual que en este caso:

<a class="duplicar" href="#"><img src="Images/btnSegDuplicar.gif" alt ="Duplicar" width="76" height="20" /></a> 

En este momento, como se puede ver, estoy usando el alt pero estoy teniendo un pequeño problema. No importa el navegador en mi servidor de desarrollo, se muestran los consejos sobre herramientas, pero en mi servidor de producción no lo está. Intenté usar ambos (alt y título) y funcionó, pero es algo feo. ¿Por qué esa diferencia entre ambos servidores?

Answer 1

Siempre debe utilizar el atributo title para la información sobre herramientas. Con imágenes y con anclas.

El atributo alt tiene el único propósito de mostrar un texto cuando la imagen no se puede ver por algún motivo. Que este texto a veces se muestre como una información sobre herramientas es un artefacto incidental de algunas implementaciones, y de ninguna manera una parte de su especificación.