Técnica Técnicas generales WCAG 2.2
G212Usar los controles nativos para garantizar que la funcionalidad se active con el evento de levantar el puntero
En resumen
Esta técnica recomienda confiar en el comportamiento por defecto de los controles nativos (botones, enlaces, eventos onclick), que ejecutan la acción al soltar el puntero y no al pulsarlo, en lugar de programar la activación en la pulsación. Beneficia a las personas con temblores o poca precisión motriz, que pueden arrepentirse apartando el puntero antes de soltarlo. Úsela en cualquier control sobre el que se pueda hacer clic o tocar.
Aplicabilidad
Esta técnica se aplica a casi todas las tecnologías.
Descripción
El objetivo de esta técnica es garantizar que los usuarios que intentan interactuar con un control no desencadenen accidentalmente la acción del evento. La forma más directa de conseguirlo es basarse en el evento de levantar el puntero (por ejemplo, el evento onclick o mouseup).
La manera más fácil de cumplir este criterio de conformidad es, sencillamente, usar el comportamiento por defecto de los controles y no sobrescribirlo con un desencadenador explícito en el evento de pulsación. El evento de levantar es el comportamiento por defecto de casi todos los controles en cualquier lenguaje de programación o de marcado.
En los lenguajes nativos en los que un control se activa con el evento de pulsación, suele ser por una buena razón y la acción es fácilmente recuperable. Por ejemplo, un elemento input de HTML puede hacer que el cursor entre en el área editable con el evento de «puntero pulsado», porque la acción es trivialmente reversible y, como tal, cumple los requisitos del criterio de conformidad Cancelación del puntero. Esto se debe a que, si el usuario se da cuenta de que ha cometido un error después de pulsar el control, basta con que aparte el puntero de la zona activa mientras lo mantiene pulsado y después lo suelte, y el evento no se desencadena.
Ejemplos
Usar un evento onclick nativo en JavaScript
En JavaScript, los eventos onclick nativos se desencadenan por defecto con el evento de levantar.
Usar un botón o un enlace nativo en HTML
En HTML, los eventos onclick de los elementos nativos <button> o <a href ....> se desencadenan por defecto con el evento de levantar.
El elemento <button> no hace nada por sí mismo (salvo que forme parte de un <form> y NO tenga <type="button">, en cuyo caso envía el formulario). Quien desarrolla debería basarse en manejadores de clic independientes del método de entrada.
Usar un botón nativo en iOS o Android
En los botones nativos de iOS y Android, los eventos onclick se desencadenan por defecto con el evento de levantar.
El estándar WCAG en sí se aplica a páginas web, por lo que este ejemplo se ofrece como consejo complementario útil para quienes busquen aplicar WCAG2ICT a aplicaciones nativas.
Pruebas
Procedimiento
Para todos los controles sobre los que se puede hacer clic:
- Activar el evento de pulsación, mover el puntero fuera del objetivo antes de desencadenar el evento de levantar y, a continuación, soltar el puntero para desencadenar el evento de levantar.
- Comprobar que la acción no se ha desencadenado al soltar el puntero fuera de la zona activa del objetivo.
- Si la acción se desencadena, comprobar que la acción es reversible.
Resultados esperados
- La comprobación n.º 2 o la n.º 3 es verdadera.
Recursos
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 G212 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.
