Atributo HTML alt
Definición y uso
El atributo alt proporciona información alternativa para una imagen si un usuario por alguna razón no puede verla (debido a una conexión lenta, un error en el atributo src o si el usuario usa un lector de pantalla).
Nota: Se requiere el atributo alt para el elemento <img>.
Nota: Para los elementos <input>, el atributo alt solo se puede usar con <input type="image">.
Sugerencia: ¡ Para crear una información sobre herramientas para una imagen, use el atributo de título !
Se aplica a
El atributo alt se puede utilizar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <área> | alternativa |
| <img> | alternativa |
| <entrada> | alternativa |
Ejemplos
Ejemplo de área
Un mapa de imagen, con áreas en las que se puede hacer clic:
<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>
Ejemplo de imagen
Una imagen con un texto alternativo especificado:
<img src="smiley.gif" alt="Smiley face">
Ejemplo de entrada
Un formulario HTML con una imagen que representa el botón de enviar:
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
Compatibilidad con navegador
El altatributo tiene el siguiente soporte de navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |