Definición y Uso
El alt atributo proporciona información alternativa para una imagen, si un usuario por alguna razón no puede verla (debido a la conexión lenta, un error en la src atributo, o si el usuario utiliza un lector de pantalla).
Nota: El alt se requiere para el atributo <img> elemento.
Nota: Para <input> elementos, el alt atributo sólo se puede utilizar con <input type="image"> .
Consejo: Para crear un texto de ayuda para una imagen, utilice el title atributo!
Se aplica a
El alt atributo se puede usar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <area> | alt |
| <img> | alt |
| <input> | alt |
Ejemplos
Area Ejemplo
Una imagen-mapa, se puede hacer clic con áreas:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Inténtalo tú mismo " Img Ejemplo
Una imagen con un texto alternativo especificado:
<img src="smiley.gif" alt="Smiley face">
Inténtalo tú mismo " Input Ejemplo
Un HTML form con una imagen que representa el botón de envío:
<form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
Inténtalo tú mismo " Soporte para el navegador
El alt atributo tiene el siguiente soporte de los navegadores para cada elemento:
| Elemento | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |