Alt imagenes

Texto alternativo para tablas

El texto alternativo (Alt) sirve para transmitir el “por qué” de la imagen en relación con el contenido de un documento o página web. El software de lectura de pantalla lo lee en voz alta para los usuarios y los motores de búsqueda lo indexan. También aparece en la página si la imagen no se carga, como en este ejemplo de una imagen perdida.
Imágenes como enlaces: Si la imagen se utiliza para enlazar con otra página, el texto alternativo debe describir lo que sucederá cuando se haga clic en la imagen (en lugar de su aspecto). Por ejemplo, el texto alternativo de una imagen de un signo de interrogación que enlaza con una página de ayuda debería ser “Contacte con el servicio de asistencia” en lugar de “signo de interrogación”.
Imágenes con información compleja: Si la imagen es un gráfico, un diagrama o una ilustración, considere cómo transmitir la información contenida en la imagen utilizando tanto el texto alternativo como el texto de la página adyacente. Vea un ejemplo de infografía accesible de WebAIM.
Algunas personas entienden mejor la información compleja cuando se presenta de forma visual, como un gráfico o un diagrama, mientras que otras consideran que les conviene más leer la información. Para las personas que utilizan lectores de pantalla, un buen equivalente textual de la información presentada gráficamente es esencial para su comprensión.

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

Las etiquetas ALT o atributos ALT son el “texto alternativo” de una imagen. Las etiquetas ALT se utilizan para describir la imagen o lo que ésta representa. Una de las principales finalidades de las etiquetas ALT es beneficiar a los usuarios con discapacidad visual que utilizan lectores de pantalla cuando navegan. Las etiquetas ALT también se utilizan para aquellos que navegan por la web con las imágenes desactivadas o para los usuarios que tienen navegadores de sólo texto. Como ocurre con muchos aspectos específicos de los sitios web, las etiquetas ALT también desempeñan un papel en el SEO. Las etiquetas ALT ayudan a los motores de búsqueda a asociar las imágenes con el contenido de una página web para que puedan indexarlas correctamente en sus resultados de búsqueda. Las etiquetas ALT también ayudan a los motores de búsqueda a determinar los mejores resultados cuando un usuario busca imágenes.
Las etiquetas ALT deben ser descriptivas y útiles. Las etiquetas ALT deben contener suficiente información para que las personas que no pueden ver las imágenes entiendan lo que éstas representan. Cuando escriba sus etiquetas ALT, pregúntese si entendería la relevancia de la etiqueta ALT si no pudiera ver la imagen.
Aunque las etiquetas ALT deben ser descriptivas, también deben ser breves. No deben ser frases o párrafos completos. Con un límite de unos 125 caracteres, una etiqueta ALT debe proporcionar suficientes detalles para que los usuarios y los motores de búsqueda relacionen la imagen con el contexto de la página.

Ejemplos de etiquetas alt

Los textos Alt son descripciones breves que ayudan a describir una imagen, generalmente en las páginas web. El texto Alt lo leen en voz alta las herramientas de accesibilidad llamadas lectores de pantalla, y también lo utilizan los motores de búsqueda para entender y clasificar mejor el sitio web en el que está la imagen.  El texto alternativo nunca forma parte del propio archivo de la imagen: no lo encontrarás incrustado en el archivo JPG, por ejemplo. Hay dos maneras fáciles de ver si una imagen en un sitio web tiene texto alternativo. Puedes activar tu propio lector de pantalla o “inspeccionar” el código HTML de la página para ver qué texto alternativo se ha asignado a la imagen.
Cómo comprobar si una imagen tiene texto alternativo en una página web utilizando una aplicación integrada o una extensión de Chrome Los usuarios de Windows pueden comprobar si hay texto alternativo en una imagen utilizando el lector de pantalla integrado llamado Narrador, al que se puede acceder a través de la función de búsqueda del Menú Inicio. Los usuarios de Mac también pueden probar VoiceOver Utility, el lector de pantalla integrado de Apple que se encuentra en el menú Aplicaciones del Finder.  Los que utilizan Chrome como navegador pueden instalar la extensión ChromeVox. Una vez instalada, activa la extensión si es necesario y haz clic en una imagen para escuchar el texto alternativo.

Texto alt seo

Los usuarios de lectores de pantalla acceden al texto ALT para proporcionarles un equivalente textual de las imágenes. En los navegadores visuales como Firefox, el texto ALT se muestra cuando una imagen está rota, o cuando todas las imágenes han sido desactivadas.
El lector de pantalla dice “Línea arco iris como barra de herramientas”. Si tiene dieciocho barras de herramientas de arco iris, el lector de pantalla repetiría esto dieciocho veces. Este texto es irrelevante para un usuario de lector de pantalla y aumenta el tiempo de lectura.
A continuación se muestra una imagen de una molécula de grasa saturada con 18 moléculas de carbono. Observe que los enlaces simples entre elementos hacen que la cadena de carbono sea relativamente recta. El único doble enlace está a la derecha, conectando el último átomo de carbono con un átomo de oxígeno.
<…alt=”El diagrama muestra una fila de Cs conectados por líneas horizontales con un H encima de cada C conectado con líneas verticales. A la derecha hay un tercer H, y a la derecha, el C está conectado a un O y luego a un H con líneas simples y también a un O con dos líneas. ” >
NOTA: Este tipo de descripción sería útil si se necesitara para entender el contenido, aunque una mejor estrategia puede ser incluir la descripción en la propia página web, o enlazar con una descripción más larga, como se comenta en la siguiente sección. Es de suponer que los alumnos de un curso necesitarían una descripción ampliada para entender la estructura de una grasa saturada

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