G4Permitir pausar y reanudar el contenido que se mueve

Por qué es importante

Un texto que se desplaza puede ser imposible de leer para quien lee despacio, tiene baja visión o usa una lupa de pantalla. El movimiento también distrae a personas con problemas de atención.

Si se puede pausar, cada persona lee a su ritmo y luego continúa. Si al reanudar empieza de cero, se pierde lo que quedaba por leer.

Cómo se hace

1. Añada un botón visible de «Pausar» junto al carrusel, teletipo o animación. Al pulsarlo, cambie su texto a «Reanudar».
2. Use un botón real que funcione con teclado y tenga un nombre claro para los lectores de pantalla.
3. Asegúrese de que, una vez pausado, el movimiento no vuelve a empezar solo.
4. Al reanudar, continúe desde la posición en que se detuvo.
5. Si usa un atajo de teclado en lugar de un botón, explíquelo en la página antes del contenido en movimiento.

Cómo comprobarlo

1. Localice en la página todo lo que se mueve o se desplaza solo.
2. Pause cada elemento con el botón o el atajo indicado, usando también el teclado.
3. Espere un rato y compruebe que no vuelve a moverse por sí solo.
4. Reanúdelo y compruebe que sigue desde donde se quedó.

Ejemplo

Carrusel de noticias con un botón que pausa y reanuda el movimiento.

<section aria-label="Noticias destacadas">
  <button type="button" id="pausa">Pausar</button>
  <div class="carrusel">…</div>
</section>
<script>
  const boton = document.getElementById('pausa');
  boton.addEventListener('click', () => {
    const pausado = carrusel.alternarPausa(); // conserva la posición
    boton.textContent = pausado ? 'Reanudar' : 'Pausar';
  });
</script>