Contenedor Destacado con fondo multimedia
Descripción del contenedor:
- Se permite en Grilla 1, Grilla 2-1, Grilla 1-2
- La grilla elegida no puede tener una altura mayor a "LG".
- En 3 filas y 2 o 3 columnas.
- Tipos de contenido que permite: Actividad, Campaña, Comunicado, Formato documento, Formulario, Noticias, “Programas, planes y proyectos”, Publicaciones
- Permite el uso de dos enlaces o botones que se conocen como acción principal y secundaria (Opcional)
Datos del Contenedor
- Utiliza las variantes de la paleta de colores.
- Permite alinear el texto del contenedor a la izquierda o derecha.
- Título: límite máximo y óptimo de 100 caracteres.
- Permite agregar una url dentro del contenedor.
- Resumen: límite máximo y óptimo de 260 caracteres.
- Campo imagen de fondo: límite de 2 MB.
- Texto alternativo: límite máximo y óptimo de 120 caracteres.
- Permite establecer dos botones de acciones principales: los enlaces de estos botones deben ser diferentes al del título del contenedor.
- Nombres: límite máximo y óptimo de 100 caracteres.
Opción 1
Opción 2
Opción video (loop)
Se reproducirá de forma automática y continua (loop) pudiendo elegir, desde un video original, donde inicia y finaliza el segmento a compartir en el contenedor.
Los videos deben ser 100% decorativos, tienen una función estética y ambiental, no informativa ni funcional. Por defecto se reproducirán sin sonido para evitar molestar a las personas que navegan el sitio. El sonido en videos decorativos puede resultar molesto o intrusivo. Por esa razón, Youtube por defecto para el uso de loop inhabilita el audio. Además por posicionamiento SEO, si tuviera sonido Google lo penaliza y Youtube impediría su reproducción.
Recomendaciones para uso del contenedor Destacado con fondo multimedia con opción video loop
a) Un contenedor con loop por subhome: así evitamos sobrecargar el diseño.
b) No utilizar un video decorativo en loop para comunicar contenido clave porque no es accesible para personas con discapacidad, por ejemplo si lleva texto, o puede no cargar correctamente en conexiones lentas. Además, el contenedor incluye un botón que en un sector podría obstaculizar información relevante si el video fuera informativo.
c) Repetición sin cortes: el punto de inicio y fin del video deben seleccionarse para que el principio y final se conecten de forma armoniosa.
d) Considerar el tiempo de carga: videos de alta resolución pueden ralentizar el portal. Usa resoluciones acordes al uso (no videos en 4K como fondo).
e) Duración recomendada: máximo 10–15 segundos.
f) Sugerencia del contenido: videos sin narrativa y que no requieran principio/fin claro.
g) Evitar destellos o parpadeos: no debe parpadear más de 3 veces por segundo, para no provocar convulsiones fotosensibles.
h) El botón de pausa/reproducir que incluimos es importante ya que aunque sea decorativo, los usuarios con dificultades cognitivas o atención reducida deberían tener una opción para pausar o desacti-var el video si lo desean.
i) Debe tener propósito o función clara.
Tres tipos de uso:
- Decorativos: solo aportan estética.
- Ambientales: refuerzan la atmósfera sin distraer.
- Instructivos simples: si muestran una acción repetitiva clara.