¿cómo hacer un buen alt?

Texto alternativo de la imagen

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 problemas de visión que utilizan lectores de pantalla al navegar. 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.

Texto alternativo para imágenes de productos

Si una imagen vale más que mil palabras, ¿qué vale para las personas que no pueden ver? En nuestro mundo digital, es fácil que las personas con deficiencias visuales se pierdan información crítica o tengan una experiencia frustrante y negativa. Imagina, por ejemplo, que un ponente envía su presentación después de una conferencia. La presentación contiene infografías para ilustrar un punto clave. Si no se describen las infografías, cualquier persona con discapacidad visual no podrá entenderlas y se perderá la información clave.

Asegúrese de transmitir el contenido y la finalidad de una imagen de forma concisa y sin ambigüedades. El texto alternativo no debe ser más largo que una o dos frases; la mayoría de las veces bastan unas pocas palabras cuidadosamente seleccionadas. Tenga en cuenta lo que es importante en una imagen. Por ejemplo, el contexto importante puede ser el escenario, las emociones en las caras de las personas, los colores o los tamaños relativos.

No repita el contenido textual circundante como texto alternativo ni utilice frases que hagan referencia a las imágenes, como «un gráfico de» o «una imagen de». En el ejemplo siguiente, el texto alternativo se refiere a la imagen y no describe suficientemente el contenido de la misma.

Texto alternativo automático

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.

Pautas de accesibilidad para el texto alternativo

Escribir un buen texto alternativo es difícil de dominar, pero es una habilidad absolutamente crucial como desarrollador, diseñador, comercializador o escritor en línea: es la herramienta esencial que hace que su contenido sea comprensible y accesible para todos los lectores, y esa es su función principal y más importante.

Sin embargo, últimamente, especialmente, el texto alternativo se ha convertido en algo que se ignora por completo o se hace «porque hay que hacerlo», o simplemente incluye palabras clave con fines de SEO. Hay muchos casos en los que las imágenes no son visibles para el lector, y por cierto, no todos tienen problemas de visión – algunas personas desactivan la carga automática de imágenes, algunas personas tienen velocidades de Internet lentas y las imágenes simplemente no se cargan, y honestamente, es sólo su responsabilidad como desarrollador o creador de contenidos.

¿Está ahí para vender la ropa que llevan? Ahora necesitamos algo diferente. Una mujer mayor con un cómodo jersey blanco de cuello alto y una americana negra de BrandTM, y un hombre mayor con un abrigo negro de BrandTM, de pie al aire libre en la fría nieve. En un anuncio de ropa, la imagen no está ahí sólo para crear un ambiente; está ahí para mostrar algo específico Y venderlo. Probablemente también necesite más palabras clave de SEO que la imagen de su artículo en Medium.