Un sitio que se puede leer, pausar y recorrer con teclado.

Qué cubre esta declaración

Aplica a todas las páginas de motions.graphics: portada, servicios, casos, estudio, precios, cotizar y contacto. Los videos del sitio son piezas hechas para clientes; cuando llevan locución, la página del caso incluye la descripción del contenido en texto.

Lo que medimos antes de publicar: contraste mínimo de 4,5:1 en todo el texto y 3:1 en componentes, un solo encabezado principal por página, encabezados en orden, texto alternativo en imágenes, etiquetas visibles en los campos de formulario, foco de teclado visible en azul y objetivos táctiles de 44 píxeles en celular. Ningún video arranca con audio.

Qué hace el botón Pausar

En la cabecera, a la derecha, hay un botón con dos barras y la etiqueta Pausar animación. Con un clic detiene de una vez el reel de la portada, todos los loops de video y el arrastre de video con el cursor. Un punto pequeño junto al botón parpadea solo mientras hay algo reproduciéndose; al pausar, se apaga. El botón vuelve a reproducir todo con otro clic.

Esto cumple el criterio 2.2.2 de WCAG (pausar, detener, ocultar) para cualquier contenido que se mueva más de cinco segundos.

Qué hace Reducir movimiento

Al pie de cada página y dentro del menú móvil hay un interruptor Reducir movimiento. Es la misma preferencia que el botón Pausar, guardada en tu navegador para las próximas visitas. Cuando está activa:

• ningún video se descarga ni se reproduce solo; en su lugar ves la imagen fija de cada pieza;
• los titulares, filetes y figuras aparecen puestos desde el primer momento, sin entrar animados;
• el cambio entre páginas es un corte, sin transiciones;
• "Ver el reel" sigue funcionando, con controles y sin autoplay.

Si tu sistema operativo ya tiene activada la opción de reducir movimiento, el sitio la respeta sin que tengas que tocar nada. El interruptor sirve para cambiarla solo aquí.

Cómo navegar con teclado

• Tab y Mayús + Tab recorren enlaces, botones y campos en el orden de lectura. El primer Tab muestra el enlace "Saltar al contenido".
• Intro o Espacio activan botones y enlaces. En "Servicios", Intro o la flecha abajo abren el panel y Esc lo cierra.
• El menú móvil y el reel se abren como ventanas de diálogo: el foco queda dentro, Esc cierra y devuelve el foco al botón que abrió.
• En el brief de cotización, Intro avanza al paso siguiente y "Volver" retrocede. Las cinco opciones y los chips se eligen con las flechas, como cualquier grupo de botones de radio.
• El desplazamiento es el del navegador: Av Pág, Re Pág, Inicio y Fin funcionan siempre.

Lectores de pantalla

Los videos decorativos están marcados como tales y no se anuncian. Cada figura lleva su pie de foto en texto real: cliente, pieza, servicio, año y duración. Los formularios anuncian los errores con texto, no solo con color. Probamos con NVDA en Windows y VoiceOver en iOS antes de cada cambio grande.

Lo que todavía falta

• Subtítulos en los videos de los casos que se reproducen desde YouTube: dependen de cada pieza y los estamos completando.
• Transcripción completa del reel.

Si algo no funciona, avisa

Si algo no se puede leer, usar o entender, escribe a contacto@motionstudio.cl con el asunto "Accesibilidad" o por WhatsApp al +56 9 8302 4924. Lo lee el equipo de proyectos y te respondemos el mismo día hábil con qué se corrige y cuándo.