Borrador editorial publicado para consulta. La revisión factual y lingüística está pendiente. Los ejemplos son ilustrativos.

Separa mensaje y efecto

Identifica qué comunica la escena y qué parte es decorativa. Mantén titulares, enlaces y controles fuera de una dependencia innecesaria del efecto. Si la animación explica un proceso, prepara una representación estática de sus pasos. Un visitante no debería esperar a que termine un recorrido visual para comprender la oferta o acceder a la información principal.

Define condiciones de alternativa

Considera preferencia de movimiento reducido, dispositivo limitado, recurso fallido y ausencia de soporte gráfico. Diseña una imagen o composición ligera con dimensiones reservadas. Evita que un fallo produzca un espacio enorme vacío o tape la navegación. La alternativa debe tener sentido por sí misma y conservar contraste, texto y orden de lectura del resto de la página.

Prueba ambos recorridos

Ejemplo: una escultura interactiva se sustituye por una imagen cuando el entorno no puede dibujarla. El título, selector de idioma y contacto permanecen operativos. Fuerza esa condición en pruebas y verifica también el regreso tras navegar. Acepta cuando ninguna función comercial depende del movimiento y la variante estática parece una decisión de diseño, no un error sin resolver.

Puntos clave

  • El contenido y la acción principal deben seguir disponibles cuando el movimiento no se ejecuta.