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].
El atributo se introdujo en el borrador de HTML 1.2 [3] para dar soporte a los navegadores basados en texto y en HTML 4.01 se exigió para las etiquetas img y area.[4] Es opcional para la etiqueta input y la etiqueta applet, ya obsoleta.
Un lector con discapacidad visual que utilice un lector de pantalla como Orca escuchará el texto alternativo 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 texto alternativo, “atributo alt” o “texto alt” es un atributo HTML que describe una imagen como un texto. Los atributos alt no son vistos por los usuarios sino por los motores de búsqueda para ayudar a definir de qué trata esa imagen.
Una imagen vale más que mil palabras. Sin embargo, las imágenes sin el atributo alt se vuelven irrelevantes para los motores de búsqueda. Esto se debe a que el software de reconocimiento de imágenes utilizado por los motores de búsqueda necesita la ayuda del texto alternativo de la imagen para identificar y comprender de qué tratan las imágenes de la página.
La optimización de las imágenes forma parte del SEO on-page y del contenido de la página, lo que significa que deben ser de alta calidad, atractivas y atractivas. El texto de atributos alt que se escribe para las imágenes del sitio web requiere el mismo nivel de calidad que uno dedicaría a escribir el contenido del blog.
Estas etiquetas se pueden utilizar para describir lo que ocurre en la imagen, lo que ha ocurrido o lo que va a ocurrir. Estas “descripciones de la imagen” deben redactarse de manera que los motores de búsqueda puedan procesar la información de manera eficaz.
Paso 3: Aquí verás todos los archivos de imagen que has añadido a tu tienda. Haz clic en la imagen que quieras actualizar. Ahora añada el nuevo texto alternativo en la casilla denominada “Texto ALT” y haga clic en Hecho cuando haya terminado.
El texto alt, también conocido como atributo alt, descripción alt o etiqueta alt, es un fragmento de información detallada que describe lo que muestra una imagen. El origen de la configuración del texto alternativo se desarrolló para ayudar a los ciegos y a los discapacitados visuales a entender lo que representa una imagen cuando el lector de pantalla les devuelve el fragmento de texto, mejorando así su experiencia de navegación por Internet. Sin embargo, aparte de esta función vital, el texto alternativo es crucial para que las imágenes de su sitio web sean apreciadas y reconocidas con precisión por los motores de búsqueda cuando analizan su contenido en respuesta a una búsqueda.
Ya hemos destacado que la configuración del texto alternativo para las imágenes es muy importante para el SEO y es un factor clave que contribuye a la clasificación en los motores de búsqueda. Las etiquetas alt proporcionan contexto a lo que muestra una imagen, informando a los rastreadores de los motores de búsqueda y permitiéndoles indexar una imagen correctamente. Sin embargo, las etiquetas alt no sólo ayudan a los rastreadores de los motores de búsqueda, sino que no establecer etiquetas alt para sus imágenes puede tener un efecto perjudicial en la clasificación de sus páginas web.
Decidir qué incluir y qué no incluir en la descripción alternativa de una imagen es una zona gris en la accesibilidad web. Los atributos Alt (o atributos alternativos) son descripciones textuales de las imágenes que se añaden al código HTML y que un lector de pantalla leerá a un usuario mientras navega por una página web. Todas las imágenes deberían tener una descripción alt para garantizar que los usuarios de lectores de pantalla no se pierdan información clave en la experiencia del usuario, pero su valor depende del propósito y el contexto de la imagen.
Por lo general, lo mejor es determinar si la imagen proporciona o no información adicional que no haya sido ya proporcionada por el texto que la rodea en la página. Si aporta un significado adicional, esa información debe recogerse en la descripción alternativa de la imagen.
Si una imagen no proporciona ninguna información adicional, es probable que sea decorativa y debe recibir un atributo alt vacío. Un atributo alt vacío es diferente de no tener ningún atributo alt. Cuando no se proporciona ningún atributo alt, los lectores de pantalla a menudo intentarán leer el nombre completo del archivo de la imagen, lo que no le gustaría a ningún usuario.