F98Controles que solo funcionan con el dedo si hay pantalla táctil

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.