Fallo común Fallos comunes WCAG 2.2
F98Fallo del criterio de conformidad 2.5.6 debido a que los controles interactivos solo pueden manejarse con el método de entrada táctil cuando se detecta una pantalla táctil
En resumen
Este fallo se produce cuando una web detecta que el dispositivo tiene pantalla táctil y, a partir de ahí, solo responde a eventos táctiles u oculta los controles pensados para ratón y teclado. Perjudica a quienes usan un portátil táctil o una tableta con teclado y ratón externos, que pueden preferir o necesitar esos otros dispositivos. Compruébelo en carruseles, pestañas y componentes personalizados.
Aplicabilidad
Todas las tecnologías que incluyen controles interactivos (como enlaces, campos de formulario o componentes personalizados complejos) y que pueden detectar la presencia de distintas modalidades de entrada.
Descripción
El objetivo de este fallo es describir las situaciones en las que los usuarios de dispositivos con pantalla táctil no pueden usar otras modalidades de entrada de las que disponen (como un ratón o un teclado adicionales o externos).
Existen varios métodos y heurísticas para que el contenido web determine si el dispositivo del usuario tiene pantalla táctil. Sin embargo, incluso cuando hay una pantalla táctil, los usuarios pueden disponer de otras modalidades de entrada. No tiene por qué ocurrir que el usuario vaya a interactuar con el contenido web (en exclusiva, o siquiera en absoluto) mediante la pantalla táctil.
Si, al detectarse una pantalla táctil, el contenido web está diseñado para manejarse exclusivamente mediante el tacto, estos usuarios no podrán manejar el contenido con sus otros mecanismos de entrada (posiblemente los que prefieren).
Ejemplos
Usar únicamente escuchadores de eventos JavaScript específicos del tacto cuando se detecta una pantalla táctil
Este tipo de planteamientos ha sido tradicionalmente popular en el desarrollo específico para «móviles», con el fin de que las interacciones con la pantalla táctil sean más inmediatas y rápidas de respuesta (debido a que las interacciones táctiles solían añadir un retardo de aproximadamente 300 ms entre la interacción de «toque» y el disparo del evento genérico click).
/* inferring the presence of a touchscreen based on
support for the Touch Events API */
if (window.TouchEvent || ('ontouchstart' in window)) {
/* set up event listeners for touch */
target.addEventListener('touchend', ...);
...
}
else {
/* set up event listeners for mouse/keyboard */
target.addEventListener('click', ...);
...
}
/* inferring the presence of a touchscreen based on
the CSS Media Queries 4 Interaction Media Features
match for a "coarse" primary input mechanism */
if (window.matchMedia && window.matchMedia("(pointer:coarse)").matches) {
/* set up event listeners for touch */
target.addEventListener('touchend', ...);
...
}
else {
/* set up event listeners for mouse/keyboard */
target.addEventListener('click', ...);
...
}
De forma similar, el contenido web que omite escuchadores de eventos de teclado pertinentes o necesarios (por ejemplo, para la interacción correcta con el teclado en un componente complejo, como una interfaz de pestañas) cuando se detecta una pantalla táctil, bajo la suposición de que en un dispositivo táctil no hará falta la compatibilidad con el teclado.
/* inferring the presence of a touchscreen based on
the navigator.maxTouchPoints property defined in
the Pointer Events API */
if (window.PointerEvent && ('maxTouchPoints' in navigator) &&
(navigator.maxTouchPoints > 0)) {
/* no need to listen to keyboard - there's a touchscreen... */
...
}
else {
/* set up event listeners for keyboard interactions */
target.addEventListener('keyup', ...);
...
}
Por lo general, estos planteamientos provocarán también un fallo del criterio de conformidad 2.1.1 Teclado, pero solo en las situaciones en las que además se haya detectado una interfaz de pantalla táctil.
Ocultar u omitir los controles para usuarios de ratón y teclado cuando se detecta una pantalla táctil
Contenido web que contiene componentes interactivos, como carruseles de contenido, con botones visibles para manejar el componente (como botones de anterior y siguiente, o una barra de desplazamiento o un control deslizante visibles). Estos controles visibles se ocultan u omiten cuando se detecta una pantalla táctil, bajo la suposición de que los usuarios simplemente usarán gestos táctiles para manejar los componentes, y no se ofrece entonces ninguna otra alternativa para los usuarios de teclado o ratón.
/* using CSS Media Queries 4 Interaction Media Features
to hide particular elements in the page (such as a container
with visible controls) when a "coarse" primary input is present */
@media (pointer: coarse) {
#widget .controls { display: none; }
}
Según la implementación concreta, los autores pueden permitir interacciones con el ratón en los componentes que reproduzcan los gestos táctiles; por ejemplo, permitir que los usuarios de ratón también arrastren o deslicen los carruseles, en lugar de depender únicamente de controles de anterior y siguiente en los que hacer clic o de barras de desplazamiento. En esos casos, ocultar los controles cuando se detecta una pantalla táctil seguirá permitiendo a los usuarios manejar el componente con el ratón (a menos que esta interacción también se haya suprimido u omitido al detectar la pantalla táctil, como en el ejemplo anterior). Sin embargo, si los únicos controles del componente que podían manejarse con el teclado se han ocultado y no se ha ofrecido ninguna alternativa para los usuarios de teclado (como permitir el manejo con las teclas de cursor), esta situación seguiría fallando el criterio de conformidad 2.5.6.
Por lo general, estos planteamientos provocarán también un fallo del criterio de conformidad 2.1.1 Teclado y (según el gesto táctil que se espere que realice el usuario) del criterio de conformidad 2.5.1 Gestos del puntero.
Pruebas
Procedimiento
- Abrir el contenido en un dispositivo con pantalla táctil y al menos una modalidad de entrada adicional; esto incluye portátiles con pantalla táctil y dispositivos táctiles (teléfonos inteligentes o tabletas) con un teclado y un ratón externos emparejados.
- Comprobar que todos los controles interactivos pueden manejarse no solo con la pantalla táctil, sino también con los mecanismos de entrada adicionales (teclado y ratón).
- Si la presencia de la pantalla táctil ha hecho que no se muestren controles interactivos (en comparación con el mismo contenido visto en un dispositivo sin pantalla táctil), comprobar que existen controles o vías alternativos para que los usuarios de otros mecanismos de entrada adicionales puedan manejar el contenido.
Resultados esperados
- Si la comprobación n.º 2 o la n.º 3 es falsa, el contenido falla el criterio de conformidad.
Cómo lo comprobamos en ADDAW
Este fallo es uno de los que buscamos en cada auditoría de accesibilidad de ADDAW: lo documentamos con capturas y el código afectado, indicamos el criterio que incumple y la técnica suficiente con la que se corrige. 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 F98 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.