Fallo común WCAG 2.2 obsoleta
F47Texto que parpadea sin parar con la etiqueta blink
Nombre oficial en el W3C: Fallo del criterio de conformidad 2.2.2 debido a usar el elemento blink
Técnica obsoleta: el W3C ya no la recomienda. |
En pocas palabras
Fallo obsoleto: los navegadores actuales ya no hacen parpadear la etiqueta blink. Era una etiqueta antigua que hacía parpadear el texto sin fin, sin forma de pararlo. Hoy el riesgo está en los parpadeos hechos con CSS o JavaScript, que deben poder detenerse.
Por qué es importante
Este fallo está obsoleto. La etiqueta <blink> nunca fue parte del estándar HTML y los navegadores actuales la ignoran: el texto se ve quieto.
El problema de fondo sigue vigente. Un texto que parpadea sin parar distrae y cuesta leerlo. Afecta sobre todo a personas con problemas de atención, de lectura o de visión. Las WCAG piden que un parpadeo que dure más de 5 segundos se pueda pausar, detener u ocultar.
Cómo evitarlo
- Quite cualquier
<blink>que quede en código antiguo o en plantillas heredadas. Aunque hoy no parpadee, es una etiqueta no válida. - Para destacar un precio rebajado o un aviso, use negrita, un color con buen contraste o un icono, sin movimiento.
- No sustituya
blinkpor una animación CSS infinita. Si necesita un parpadeo, que dure 5 segundos como máximo o que tenga un control para pararlo. - Respete la preferencia de reducir movimiento del sistema con
@media (prefers-reduced-motion: reduce).
Cómo comprobarlo
- Busque
<blinken el código fuente y en las plantillas. - Busque también animaciones CSS con
infiniteque cambien la visibilidad o la opacidad del texto. - Mire la página unos segundos. Si algo parpadea más de 5 segundos sin un control para pararlo, incumple el criterio 2.2.2.
Ver el texto completo del W3C (traducción al español)
Esta es una traducción no oficial al español de la técnica F47 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.
Aplicabilidad
HTML
Descripción
El elemento blink, aunque no forma parte de la especificación oficial de HTML, es compatible con muchos agentes de usuario. Hace que cualquier texto situado dentro del elemento parpadee a una velocidad predeterminada. El usuario no puede interrumpir el parpadeo ni desactivarlo mediante una preferencia. El parpadeo continúa mientras la página esté visible. Por tanto, el contenido que usa blink falla el criterio de conformidad, porque el parpadeo puede prolongarse más de tres segundos.
Ejemplos
Una página con una lista de productos usa el elemento blink para llamar la atención sobre los precios rebajados. Esto falla el criterio de conformidad porque los usuarios no pueden controlar el parpadeo.
<p>My Great Product <blink>Sale! $44,995!</blink></p>
Pruebas
Procedimiento
- Examinar el código en busca del elemento blink.
Resultados esperados
- Si la comprobación n.º 1 es verdadera, el contenido falla el criterio de conformidad.
Recursos
- Wikipedia: Blink element (artículo en inglés sobre el elemento blink)
Cómo lo comprobamos en ADDAW
Este error es uno de los que buscamos en cada auditoría de ADDAW. Se lo entregamos con capturas y la forma de corregirlo.
Basado en la técnica F47 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.