Geste tactile sans alternative : RGAA 13.10, correction

C'est quoi

Un geste complexe nécessite plusieurs points de contact simultanés (pincer pour zoomer, rotation à deux doigts) ou un mouvement selon un trajet précis (glisser dans une direction spécifique, faire un arc).

Ces gestes sont impossibles ou difficiles pour :

Les personnes avec un handicap moteur qui utilisent un seul doigt ou un pointeur adapté (stylet, baguette buccale).
Les personnes qui contrôlent l'écran via un commutateur.
Les utilisateurs de clavier uniquement sur mobile.

Le critère exige une alternative : un geste simple (appui à un doigt) ou des contrôles équivalents (boutons flèche, +/-) doivent produire le même résultat que le geste complexe.

Exception : si le geste complexe est essentiel au fonctionnement de la fonctionnalité elle-même (application de dessin où le tracé libre est le produit).

Qui est touché

Les personnes avec un handicap moteur des membres supérieurs, qui utilisent un seul doigt ou un dispositif adapté.
Les personnes âgées dont la motricité fine est réduite et qui ne peuvent pas pincer ou faire pivoter de façon fiable.
Les personnes utilisant un clavier ou une manette de jeu pour naviguer.

Impact business

Une galerie d'images qui ne se parcourt qu'en swipant, ou une carte qui ne se zoome qu'en pinçant, exclut tout utilisateur ne pouvant pas effectuer ces gestes. Si ces fonctionnalités portent du contenu essentiel, l'exclusion est totale.

Sources des chiffres

Comment le détecter

Manuel sur mobile : utilise l'application avec un seul doigt uniquement. Toute fonctionnalité nécessitant plusieurs doigts simultanés doit avoir une alternative accessible.
Audit Mynto : le scanner détecte les gestionnaires d'événements tactiles multi-points (Hammer.js, AlloyFinger) sans boutons alternatifs adjacents.
Revue de code : cherche les listeners sur pinch, rotate, pan et vérifie l'existence de contrôles boutons pour les mêmes actions.

Comment corriger

Avant - HTML

<!-- Galerie parcourue uniquement par swipe, sans alternative -->
<div class="galerie" data-swipe="true">
  <!-- images -->
</div>

Après - HTML

<!-- Galerie avec boutons de navigation alternatifs -->
<div class="galerie" data-swipe="true">
  <!-- images -->
</div>
<div class="galerie-controles">
  <button type="button" aria-label="Image précédente" onclick="galerie.prev()">
    &#8249;
  </button>
  <button type="button" aria-label="Image suivante" onclick="galerie.next()">
    &#8250;
  </button>
</div>

Ajoute des boutons (flèches, +/-, précédent/suivant) qui reproduisent les actions accessibles uniquement par geste complexe.

Pour les carrousels et galeries : la plupart des bibliothèques (Swiper.js, Splide, Embla) proposent des options de navigation par boutons - active-les.

Pour les cartes interactives (Google Maps, Leaflet) : elles proposent nativement des boutons +/- pour le zoom. Vérifie qu'ils sont présents et pas masqués par le CSS du thème.

Sur WordPress, les plugins de slider (Slider Revolution, Smart Slider 3) intègrent une option "Flèches de navigation" : active-la et vérifie qu'elle est présente dans tous les formats d'écran.

Questions fréquentes

Le swipe sur un carrousel est-il toujours problématique ?

Non, si des boutons alternatifs (flèches) sont présents et fonctionnels. Le critère ne bannit pas le swipe : il exige une alternative pour ceux qui ne peuvent pas swiper.

Une carte Google Maps doit-elle être contrôlable sans pincer ?

Oui. L'intégration par défaut de Google Maps inclut des boutons +/-. Vérifie que ton thème ne les masque pas avec display: none ou un z-index insuffisant.

Les gestes de glisser-déposer sont-ils visés par ce critère ?

Oui. Un glisser-déposer (drag-and-drop) doit avoir une alternative accessible : boutons "déplacer vers...", champs de saisie d'ordre, ou autre mécanisme utilisable sans geste de trajet.

Cette erreur est-elle sur ton site ?

Lance un audit Mynto gratuit. Tu sauras en quelques minutes si ton site est concerné, sur quelles pages, et avec quel impact.

Geste tactile sans alternative simple