¿Qué son los carruseles de imágenes?
Un carrusel de imágenes es un componente de interfaz que presenta una secuencia de imágenes dentro de una misma área de visualización. La navegación puede controlarse mediante gestos de deslizamiento, flechas, indicadores o un temporizador automático.
Cómo funcionan los carruseles de imágenes
Un carrusel mantiene una diapositiva activa dentro de una colección ordenada y actualiza el elemento visible en respuesta a las acciones del usuario o a un temporizador. Las implementaciones pueden mantener todas las imágenes en el documento, virtualizar las diapositivas lejanas u obtener los activos a medida que la navegación se acerca a ellos. El estado debe mantenerse sincronizado entre los controles, el foco, los anuncios y el seguimiento opcional de URL o de analítica. En un flujo de trabajo de publicación, agrupa varios activos visuales relacionados en una presentación interactiva después de optimizar las imágenes.
Datos clave
- Las diapositivas ocultas solo mediante una traslación pueden seguir recibiendo el foco o quedar expuestas a las tecnologías de asistencia; el contenido inactivo necesita una gestión deliberada de la visibilidad y el foco que conserve controles de navegación utilizables.
- Precargar todas las diapositivas a resolución completa puede anular el ahorro de ancho de banda en la carga inicial de la página, mientras que cargarlas demasiado tarde crea transiciones en blanco; priorizar las diapositivas cercanas ofrece un equilibrio práctico.
- La rotación automática introduce un requisito relacionado con el contenido en movimiento: los usuarios necesitan un mecanismo para pausarla, y la interacción mediante el foco o el puntero no debería provocar un cambio inesperado de diapositiva.
Cuándo son importantes los carruseles de imágenes
Elige un carrusel cuando ahorrar espacio en la página tenga más peso que la menor visibilidad de las imágenes fuera de la diapositiva actual. Proporciona controles de teclado, etiquetas claras y una forma de pausar el movimiento automático para evitar fallos de accesibilidad y usabilidad.