¿Cómo escribir descripciones de imágenes que ayuden a entender una página?

Empieza por la función de la imagen

Antes de escribir el texto alternativo, pregunta por qué está la imagen en la página. ¿Identifica a alguien, muestra un producto, explica un proceso, aporta una prueba, comunica un resultado o funciona como enlace? La respuesta define la descripción. Una descripción útil comunica el papel de la imagen en la página, no un catálogo de todo lo que captó la cámara.

Una página de servicio puede mostrar una reforma de baño. Si la foto demuestra experiencia con accesibilidad, la ducha a ras de suelo y las barras pueden ser relevantes. Si solo crea ambiente junto a la misma explicación, el contenido útil puede estar ya en el texto y la imagen puede ser decorativa.

Lee primero el título y el párrafo cercano. La descripción debe añadir información, no repetir literalmente el pie. El contexto cambia el significado: la misma foto puede necesitar otra descripción en un caso de estudio, una página de producto o un perfil de equipo.

Decide cuándo es decorativa

Una imagen decorativa aporta ambiente, espacio o estilo, pero no información necesaria para entender o usar la página. Texturas, separadores, patrones repetidos y fotos de banco sin mensaje adicional son ejemplos. Para estas imágenes, un texto alternativo vacío suele ser lo adecuado para que la tecnología de apoyo pueda omitirlas.

No llames decorativa a una imagen solo porque escribir el texto resulte difícil. Si quitarla hace menos comprensible una afirmación, una instrucción, la elección de un producto o un enlace, tiene significado. Describe su aporte o proporciona la información en texto accesible.

Los iconos repetidos necesitan revisión. Junto a una etiqueta visible pueden ser decorativos. Si son la única señal de buscar, descargar, alerta o estado, necesitan un nombre accesible. Un símbolo visual no lo entiende automáticamente todo el mundo.

Describe brevemente las imágenes informativas

Una foto informativa necesita una descripción corta y concreta. Menciona sujeto, acción y contexto útil. «Una persona» es vago; «Un electricista revisa el cuadro en una cocina reformada» transmite más. No añadas colores o fondo si no importan.

Evita empezar por «imagen de» o «foto de» si la tecnología ya anuncia que es una imagen. No uses opiniones como «bonita» o «profesional» salvo que formen parte del mensaje. Escribe en el idioma de la página y usa el nombre de una persona solo cuando su identidad sea pertinente y apropiada.

Relaciona la descripción con la afirmación de la página. Si una foto es la prueba de un proyecto, di qué muestra el proyecto. Si la imagen es un retrato, identifica a la persona y su función cuando eso ayude al lector. Si es un producto, nombra el modelo o la variante necesarios para elegir.

Trata texto, gráficos y visuales complejos

El texto dentro de una imagen puede ser inaccesible para quien no puede verlo o ampliarlo. Coloca las palabras esenciales en texto HTML cercano, en un pie de foto o en un elemento accesible equivalente. El texto alternativo puede indicar el propósito, pero no debe ser el único lugar donde aparezca una instrucción detallada o una oferta.

Los gráficos y diagramas necesitan algo más que una etiqueta visual. Da una alternativa breve que indique la conclusión principal y ofrece los datos o una explicación más larga cerca. «Ventas por trimestre» no dice si subieron, bajaron o se mantuvieron.

Los mapas, los diagramas de procesos y las infografías también necesitan una vía accesible hacia la misma decisión. La alternativa no tiene que reproducir cada píxel; debe hacer comprensibles la relación, la dirección, la opción o el resultado relevantes.

Describe imágenes funcionales y enlaces

Si la imagen es enlace o botón, describe acción o destino y no apariencia. Un logo al inicio puede ser «Página de inicio de ChatBuild». Un icono de lupa debe decir «Buscar» si es el control de búsqueda. Una miniatura enlazada identifica producto y destino.

Evita anuncios duplicados. Si imagen y texto enlazan al mismo lugar, la imagen puede ser decorativa o formar un solo enlace. Repetir el mismo título dos veces añade trabajo innecesario a quienes usan lectores de pantalla.

Comprueba estados. Si un icono indica no disponible, seleccionado, abierto o protegido, el nombre o contexto debe comunicarlo. Una descripción que sigue diciendo «calendario» cuando el control ya es «cerrar calendario» resulta engañosa.

Crea una revisión constante

Haz que las descripciones de imágenes formen parte de la publicación, no una tarea de SEO de última hora. Pregunta qué aporta cada imagen, si cambió su función y si el texto repite lo que ya está al lado. Mantén decorativas vacías, informativas breves y complejas con datos o explicación.

No llenes descripciones de palabras clave. Repetir una frase en cada imagen no mejora la visibilidad en buscadores, y un texto lleno de palabras clave hace que las páginas resulten agotadoras para quienes usan tecnologías de apoyo. Usa un término relevante solo cuando nombre naturalmente tema, producto o destino.

Revisa páginas antiguas después de rediseños, cambios de producto y campañas. El texto puede quedar incorrecto si cambia el recorte, sujeto o mensaje.

Fuentes

• Images Concepts · W3C
• Decorative Images · W3C
• Image best practices · Google Search Central

Preguntas frecuentes

¿Qué debe describir el texto alternativo?

La información, tema o función que la imagen aporta a la página. Céntrate en lo que el visitante necesita entender o hacer, en lugar de cada detalle visual.

¿Cuándo debe una imagen tener texto alternativo vacío?

Cuando la imagen es realmente decorativa y no aporta información ni función. Así la tecnología de apoyo puede omitirla sin que se pierda significado.

¿Hay que poner palabras clave?

Solo si describen naturalmente tema, producto o destino. No las repitas por SEO; eso hace que las descripciones sean menos útiles.

¿Cómo describir un gráfico?

Indica brevemente la conclusión principal y ofrece los datos o una explicación más larga en texto accesible cerca del gráfico.