Atributo alt de la imagen

Objeto Image del DOM HTML

Definición y uso

alt Configuración del atributo o devolución del valor de la imagen Atributo alt del valor.

Si por alguna razón no se puede mostrar la imagen (debido a una velocidad de conexión lenta, un atributo src incorrecto o el uso de un lector de pantalla por parte del usuario), esta configuración obligatoria Atributo alt Define el texto alternativo de la imagen.

Notas:Cuando el ratón se posa sobre el elemento <img>, Internet Explorer muestra el valor del atributo alt como una sugerencia. Según la norma HTML, esto no es un comportamiento correcto. Todos los demás navegadores siguen la norma y solo muestran el texto alternativo cuando la imagen no se puede mostrar.

Consejo:Si deseas crear una herramienta de sugerencias para la imagen, utiliza el global Atributo title.

Ejemplo

Ejemplo 1

Devolver el texto alternativo de la imagen:

var x = document.getElementById("myImg").alt;

Prueba por tu cuenta

Ejemplo 2

Cambiar el texto alternativo de la imagen:

document.getElementById("myImg").alt = "Vista de Pekín";

Prueba por tu cuenta

Sintaxis

Devolver el atributo alt:

imageObject.alt

Establecer el atributo alt:

imageObject.alt = text

Valor del atributo

Valor Descripción
text

Define el texto alternativo de la imagen.

Guía de texto alternativo:

  • Si la imagen contiene información, el texto debe describir la imagen
  • Si la imagen está dentro de un elemento <a>, el texto debe explicar la ubicación del enlace
  • Si la imagen solo se utiliza para decorar, utilice alt=""

Detalles técnicos

Valor de retorno: Valor de cadena que representa el texto alternativo de la imagen.

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia de HTML:Atributo alt de <img> en HTML

Objeto Image del DOM HTML