Escribe descripciones de imágenes útiles para tu sitio web

Una imagen puede necesitar más de un tipo de descripción. Una instrucción de ubicación indica al creador cómo usarla. Un pie de foto explica el contexto a los lectores. El texto alternativo comunica información visual importante a las personas que no pueden ver la imagen. Estas funciones pueden solaparse, pero no son intercambiables.

Indica al creador qué quieres

Describe qué muestra la imagen y por qué la añades. Por ejemplo: «Esta es la silla que restauré. Colócala junto al proyecto de restauración, después de la imagen del antes». Incluye cualquier preferencia de recorte que sea importante. No pidas al creador que deduzca el respaldo de un cliente, una ubicación o una especificación del producto que no esté respaldada por tus datos.

Usa pies de foto para aportar contexto

Un pie de foto puede nombrar un proyecto, indicar una fecha o explicar qué fase se muestra. Debe aportar información útil, no repetir el encabezado. Si la imagen es un concepto ficticio o un proyecto de práctica, indica claramente ese contexto. Comprueba los nombres y las fechas antes de publicar.

Describe el significado, no cada píxel

El texto alternativo debe comunicar lo que aporta la imagen en su contexto. Una fotografía de un proyecto quizá necesite una descripción breve de la pieza terminada. Un adorno decorativo quizá necesite un texto alternativo vacío para que se omita. Si una imagen contiene instrucciones o precios importantes, proporciona también esa información como texto real de la página.

Revisa la imagen junto con la sección que la rodea

Lee juntos el encabezado, el párrafo, el pie de foto y la descripción de la imagen. Elimina las repeticiones que dificulten la navegación por la página. Comprueba si un visitante puede entender el mensaje clave cuando la imagen no se carga. El texto no debe afirmar que una imagen demuestra algo que no muestra.

Al añadir imágenes en VollSite, indica qué función tienen e inspecciona la ubicación generada cuando se complete el cambio solicitado. Guarda tus archivos originales por separado y utiliza solo material que puedas publicar. Para consultar orientaciones básicas sobre accesibilidad, visita https://web.dev/learn/design/accessibility. Las comprobaciones automatizadas pueden detectar algunas descripciones que faltan, pero una persona sigue teniendo que valorar si el texto comunica el significado adecuado.