Imagen alt atributo mejores prácticas

Question

¿Cuál es exactamente el uso previsto del atributo alt en las etiquetas <img>?

¿Debería describir la imagen, o debería proporcionar un texto de reemplazo significativo para lectores de pantalla (y personas que tienen imágenes desactivadas)?

Por ejemplo, si tengo una breve biografía de una persona en mi sitio web e incluyo una pequeña foto de ellos, ¿es realmente significativo para los usuarios con discapacidad visual tener & "; Foto de John Smith &" ; leerles a ellos?

Answer 1

La especificación HTML 5 tiene un gran sección sobre esto.

Básicamente, el atributo alt debería ser lo que estaría allí como texto si no hubiera utilizado una imagen en absoluto. Si su imagen es puramente decorativa, puede usar alt="". Una descripción va en el atributo title.

Answer 2

Creo que la idea es usar el texto alternativo para comunicar la misma información que se pretendía con la imagen. Esto depende de cuál es la imagen.

Los elementos de navegación quizás estén mejor descritos por su función (" página siguiente " ;, " back ") que su apariencia (" flecha derecha < !> quot;).

La foto de John Smith podría ser reemplazada por una descripción de John Smith, o una descripción del evento que tiene lugar, etc.

Answer 3

De w3.org :

Si bien el texto alternativo puede ser muy útil, debe manejarse con cuidado. Los autores deben observar las siguientes pautas:

• No especifique texto alternativo irrelevante cuando incluya imágenes destinadas a formatear una página, por ejemplo, alt = " bola roja " sería inapropiado para una imagen que agrega una bola roja para decorar un encabezado o párrafo. En tales casos, el texto alternativo debe ser la cadena vacía (& Quot; & Quot;). En cualquier caso, se aconseja a los autores que eviten el uso de imágenes para formatear páginas; las hojas de estilo deberían usarse en su lugar.
• No especifique texto alternativo sin sentido (por ejemplo, " texto ficticio "). Esto no solo frustrará a los usuarios, sino que reducirá la velocidad de los agentes de usuario que deben convertir texto a voz o salida en braille.

Answer 4

Proporciona " alterna " texto si la imagen no se pudo cargar por algún motivo. En su ejemplo, diría que sí, sería apropiado.

Answer 5

El " alt " El atributo es una representación alternativa (textual) de la semántica de la imagen. Esto no solo se usa para imágenes que no se pueden cargar: también se usa para lectores de pantalla o navegadores de solo texto.

En su caso particular, incluir el tipo de texto alternativo depende de si cree que es importante tener en cuenta que la página contiene una imagen de la persona o no. Si es un elemento puramente visual, es posible que no desee ningún texto alternativo. Si también se usa como un enlace de algún tipo, probablemente do desee algún texto alternativo para que una persona que usa un lector de pantalla tenga alguna pista sobre lo que podría hacer el siguiente enlace.

Answer 6

primer hit en google para esto [accesibilidad img alt] da Considere cómo se ve o suena la página cuando no se muestran las imágenes. Luego, escriba para cada imagen un texto alternativo que mejor funcione como reemplazo ( Directrices sobre textos alternativos en elementos img )

Answer 7

Debe ser cualquier cosa que ayude al usuario si la imagen no se muestra.

Por cierto, la " característica " de cuando pasa el mouse sobre una imagen en IE y la información sobre herramientas muestra que ALT no es el comportamiento correcto de ALT. Se supone que el título debe usarse para esto.

Answer 8

Describa sucintamente la imagen, como si estuviera hablando con una persona ciega. Bastante simple.

Estoy seguro de que Google utiliza este valor de atributos para indexar las búsquedas de imágenes.

Answer 9

  

si tengo una breve biografía de un   persona en mi sitio web e incluir un   pequeña foto de ellos, ¿es realmente   significativo para usuarios con discapacidad visual   tener " Foto de John Smith " leer   a ellos?

Si no tienes ese texto alternativo, ¿qué crees que supondrán que es la imagen? " Foto de John Smith y su esposa " ;? " Foto de John Smith aceptando su Oscar " ;? " Foto de John Smith asesinando a JFK " ;? " Foto de John Smith muerto en su patio después de ser asesinado por su elefante mascota " ;?

Si es una foto de John Smith, sí, dilo. Si es otra cosa, dilo.

Answer 10

El atributo

Alt se usa con la etiqueta img .

Alt significa Alternativo

Se utiliza para una breve descripción de la imagen.

Se muestra en pantalla en caso de que el navegador no pueda cargar la imagen

Haga clic para saber más