Escribe descripciones útiles para las imágenes de 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 visible explica el contexto a quienes leen la página. El texto alternativo comunica información visual importante a las personas que no pueden ver la imagen. Estas funciones pueden coincidir, pero no son intercambiables.

Indica al creador qué quieres

Describe qué muestra la imagen y por qué la estás agregando. 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 le pidas al creador que infiera un testimonio de un cliente, una ubicación o una especificación del producto que tus datos no confirmen.

Usa pies de foto para dar contexto

Un pie de foto puede identificar un proyecto, indicar una fecha o explicar qué etapa se muestra. Debe aportar información útil en lugar de repetir el encabezado. Si la imagen es un concepto ficticio o un proyecto de práctica, deja claro ese contexto. Verifica los nombres y las fechas antes de publicar.

Describe el significado, no cada píxel

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

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

Lee el encabezado, el párrafo, el pie de foto y la descripción de la imagen en conjunto. Elimina las repeticiones que hagan que navegar por la página resulte tedioso. Comprueba si una persona visitante puede entender el mensaje principal cuando la imagen no se carga. El texto no debe afirmar que una imagen demuestra algo que no muestra.

Al agregar imágenes en VollSite, indica qué función cumplen e inspecciona la ubicación generada cuando se complete el cambio solicitado. Guarda tus archivos originales por separado y usa solo material que tengas permiso para publicar. Para obtener orientación básica sobre accesibilidad, consulta https://web.dev/learn/design/accessibility. Las comprobaciones automatizadas pueden detectar algunas descripciones faltantes, pero una persona aún debe evaluar si el texto comunica el significado correcto.