Técnica Scripts de cliente WCAG 2.2
SCR22Usar scripts para controlar el parpadeo y detenerlo en cinco segundos o menos
En resumen
Esta técnica muestra cómo crear un efecto de parpadeo con JavaScript (alternando la visibilidad de un elemento con setTimeout) de modo que se detenga por sí solo antes de cinco segundos. Así se evita que el contenido parpadeante distraiga de forma permanente a personas con déficit de atención o discapacidad cognitiva, y se cumple el criterio 2.2.2 sin tener que ofrecer un control para pausarlo.
Aplicabilidad
Tecnologías que permiten controlar mediante scripts el parpadeo del contenido.
Descripción
El objetivo de esta técnica es controlar el parpadeo mediante un script, de modo que este pueda configurarse para detenerse en menos de cinco segundos. El script se utiliza para iniciar el efecto de parpadeo del contenido, controlar la alternancia entre los estados visible y oculto, y también detener el efecto a los cinco segundos o menos. La función setTimeout() puede usarse para alternar el contenido parpadeante entre los estados visible y oculto, y detenerlo cuando el número de iteraciones multiplicado por el tiempo entre ellas se aproxime a los cinco segundos.
Ejemplos
Este ejemplo utiliza JavaScript para controlar el parpadeo de cierto contenido HTML y XHTML. JavaScript crea el efecto de parpadeo cambiando el estado de visibilidad del contenido. Controla el inicio del efecto y lo detiene antes de cinco segundos.
...
<div id="blink1" class="highlight">New item!</div>
<script>
// blink "on" state
function show() {
if (document.getElementById){
document.getElementById("blink1").style.visibility = "visible";
}
}
// blink "off" state
function hide() {
if (document.getElementById){
document.getElementById("blink1").style.visibility = "hidden";
}
}
// toggle "on" and "off" states every 450 ms to achieve a blink effect
// end after 4500 ms (less than five seconds)
for(let i=900; i < 4500; i=i+900) {
setTimeout("hide()",i);
setTimeout("show()",i+450);
}
</script>
...Ejemplo práctico de este código: Uso de scripts para controlar el parpadeo.
Pruebas
Procedimiento
Para cada instancia de contenido parpadeante:
- Iniciar un temporizador de 5 segundos al comienzo del efecto de parpadeo.
- Cuando el temporizador termine, determinar si el parpadeo se ha detenido.
Resultados esperados
- Para cada instancia de contenido parpadeante, la comprobación n.º 2 es verdadera.
Cómo lo comprobamos en ADDAW
En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica SCR22 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.
