Publicar una galería de fotos del evento en tu web: fuente, inserción y pruebas
Una galería ayuda a encontrar fotos aprobadas; no sustituye una crónica escrita del evento. Antes de añadir una cuadrícula a tu web, define qué álbum es público, quién lo mantiene y qué puede hacer el visitante. Después prueba la página publicada y su enlace alternativo como si fueras una persona externa.
Equipo editorial de Boletolibre
Publicado
Define el álbum aprobado y quién lo actualizará
Descargar la matriz editable para publicar la galería (Markdown en inglés)
Parte de un conjunto concreto de imágenes que el equipo haya aprobado para esta página pública. Anota la URL del álbum, responsable, edición del evento y última versión aprobada. Mantén separada la carpeta de trabajo: si el servicio sincroniza automáticamente, una carga posterior podría hacerse pública antes de su revisión. Verifica el comportamiento real del servicio elegido.
Elige un grupo inicial reducido que permita reconocer el evento. Añade título claro, fecha e introducción breve para dar contexto a las fotos. Si llegan por tandas, decide quién aprueba cada una y quién modifica el álbum público.
Elige galería propia, inserción o enlace directo
Si el editor de tu web ofrece una galería propia, sigue sus controles documentados de imágenes y pies. Para un álbum externo, obtén el código de inserción según las instrucciones actuales del proveedor y úsalo solo en un campo compatible. Da al iframe un título descriptivo. La vista previa del editor no demuestra que el público pueda abrirlo.[4]
Deja junto a la inserción un enlace directo al álbum con una etiqueta clara y comprueba su acceso por separado. Si la página del evento está en Boletolibre.com, consérvala como destino del evento y las entradas y enlaza la galería externa cuando no se admita la inserción.
Comprueba lo que el visitante puede ver y hacer
Abre la galería sin iniciar sesión. Revisa si aparecen todas las fotos previstas, si pies y fechas son correctos y si abrir una foto o pulsar Descargar respeta el ajuste aprobado. Algunos servicios muestran controles solo en su propia web; no prometas funciones ausentes de la vista insertada.
Escribe texto alternativo para las fotos informativas según lo que aportan a esta página. Un pie puede identificar personas, actividades o momentos si el registro lo confirma. Si la imagen es un enlace, su alternativa debe describir la función del enlace. Comprueba el orden y los pies incluso cuando no carguen las imágenes.[1]
Prueba la página publicada en móvil y con teclado
En un móvil, abre varias imágenes, recorre la galería y vuelve a la página del evento. Con teclado, llega a la cuadrícula, abre y cierra la vista ampliada y observa el foco. Si funciona como diálogo modal, compara el foco y la tecla Escape con el patrón del W3C; no basta la descripción del proveedor.[2]
Recarga la página publicada con conexión lenta. Después simula un fallo de la inserción mientras el servicio del álbum sigue disponible y confirma que abre el enlace directo. Si falla el propio servicio, ese enlace también puede fallar: mantén legible la página del evento y muestra un aviso de indisponibilidad correcto junto con una vía confirmada de actualización o contacto. Una inserción externa puede afectar a la carga y al diseño; observa esta página y anota dispositivo, resultado y responsable.[3]
Actualiza la galería y retira fotos obsoletas
Tras publicar, asigna a alguien la comparación entre la cuadrícula visible y el álbum aprobado cuando se agreguen, retiren o corrijan fotos. Revisa de nuevo el enlace sin sesión y la inserción después de cambios en ajustes, cuenta o web. Corrige tanto la fuente como la página pública si se retira una foto; una copia o caché puede persistir.
Al archivar el evento, decide si la galería sigue pública, se traslada a un archivo estable o se retira. Ajusta introducción y enlace directo, y prueba el resultado. La matriz editable siguiente registra fuente, ajustes, pruebas y próxima revisión sin mezclar la galería pública con las aprobaciones internas.
Fuentes y lecturas
- Images TutorialW3C WAI · Consultado
- Dialog (Modal) PatternW3C WAI · Consultado
- Best practices for using third-party embedsweb.dev · Consultado
- Using the title attribute of the iframe element (H64)W3C WAI · Consultado