Que son los atributos alt

Texto alternativo de la imagen

El atributo alt es utilizado por el software “lector de pantalla” para que una persona que esté escuchando el contenido de una página web (por ejemplo, una persona ciega) pueda interactuar con este elemento. Además, sustituye a la imagen cuando se copia como texto y hace que las imágenes sean más legibles para las máquinas, lo que mejora la optimización de los motores de búsqueda.[1] Toda imagen debe tener un atributo alt para ser accesible, pero no es necesario que contenga texto. Puede ser un atributo vacío o nulo: alt=””.[2]
Un lector con discapacidad visual que utilice un lector de pantalla como Orca escuchará el texto alt en lugar de la imagen. Un navegador web basado en texto, como Lynx, mostrará el texto alternativo en lugar de la imagen. Un navegador gráfico normalmente mostrará sólo la imagen, y mostrará el texto alternativo sólo si el usuario le pide que muestre las propiedades de la imagen o ha configurado el navegador para no mostrar imágenes, o si el navegador no pudo recuperar o decodificar la imagen.
El atributo alt no siempre tiene que describir literalmente el contenido de la imagen. Tenga en cuenta el propósito y el contexto de la imagen y lo que sería útil para alguien que no pueda verla. El atributo alt se supone que es una alternativa para la imagen, normalmente indicando su propósito. Por ejemplo, una imagen de una señal de advertencia no debería tener el texto alt “un triángulo con fondo amarillo, borde negro y un signo de exclamación”, sino simplemente “¡Advertencia!”, a menos que, por supuesto, el propósito de la imagen sea mostrar el aspecto real del símbolo de advertencia.

Texto alt de html al pasar por encima

El atributo Alt o etiqueta Alt es un atributo HTML para una imagen, u otro documento HTML o XHTML, que proporciona un texto alternativo que se mostrará si la imagen/documento no se puede renderizar.  Los motores de búsqueda utilizan los atributos Alt para identificar el contenido de la imagen, ya que los archivos de imagen generalmente no pueden ser “leídos” por los rastreadores de los motores de búsqueda. Los atributos Alt también son valiosos para los usuarios, específicamente para los usuarios con discapacidad visual que tienen sitios web leídos por programas de lectura.
Los atributos Alt se activan cuando las imágenes o los gráficos no pueden mostrarse correctamente. De lo contrario, no son visibles en los sitios web. En circunstancias normales, sólo se pueden ver los atributos Alt en el código fuente o utilizando las herramientas especiales.
Los atributos Alt deben describir el contenido de la imagen con precisión y con pocas palabras. Si la imagen tiene texto, ese texto debe incorporarse en el atributo Alt. Todas las demás imágenes deben tener una descripción adecuada que sea ilustrativa para los usuarios y describa el contenido de la imagen para los motores de búsqueda.

Ejemplo de atributo alt

El texto alternativo, también llamado etiquetas alt o descripciones alt, es la copia escrita que aparece en lugar de una imagen en una página web si ésta no se carga en la pantalla del usuario. Este texto ayuda a las herramientas de lectura de pantalla a describir las imágenes a los lectores con problemas de visión y permite a los motores de búsqueda rastrear y clasificar mejor su sitio web.
El texto alternativo se escribe automáticamente en el código fuente HTML de la página web, donde puedes editar el texto alternativo de la imagen si tu CMS no tiene una ventana de texto alternativo fácilmente editable. Este es el aspecto de la etiqueta alt en el código fuente de un artículo:
¿La regla más importante del texto alternativo? Ser descriptivo y específico. Sin embargo, ten en cuenta que esta regla del texto alternativo puede perder su valor si tu texto alternativo no tiene en cuenta el contexto de la imagen. El texto alternativo puede fallar de tres maneras diferentes. Considere los siguientes ejemplos.
La línea de texto alternativo anterior es casi tan descriptiva y específica como el buen texto alternativo del ejemplo anterior, así que ¿por qué no es suficiente para una página web sobre software educativo? Este ejemplo profundiza aún más en el tema de la escuela de negocios, y especifica que el público ideal para esta página web son los profesores. Por lo tanto, el texto alternativo de la imagen debe reflejar eso.

Cómo encontrar las etiquetas alt en las imágenes

Sí, quiero hablar del atributo alt. He tenido muchas batallas con los desarrolladores porque no les importaba el atributo alt de una imagen. Aquí estamos hablando de un elemento puramente visual. La palabra clave es visual. Alguien puso una buena cantidad de tiempo en encontrar la mejor imagen para su página, tal vez una imagen del artículo. Pero es sólo para los videntes – a menos que haya hecho sus deberes y haga lo que debería haber hecho desde el principio: escribir un marcado adecuado y semánticamente correcto.
El atributo alt es un texto alternativo que no sólo se muestra cuando -por ejemplo- tu imagen está corrupta o la ruta a esta imagen ha cambiado y ya no se puede encontrar. También es importante porque contiene información para los lectores de pantalla, así como para los bots (SEO, ya sabes).
Omitir un atributo alt puede salirte caro, al menos si estás en Estados Unidos. La empresa Target tuvo que pagar por la falta de atributos alt en su tienda. Fueron demandados por la Federación Nacional de Ciegos y tuvieron que pagar una multa de seis millones de dólares.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad