Les fonctionnalités qui nécessitent un geste à deux doigts — pincer, écarter, faire glisser — sont-elles aussi disponibles par simple appui sur un bouton ?
Critère officiel 13.10 — Dans chaque page web, les fonctionnalités utilisables ou disponibles au moyen d’un geste complexe peuvent-elles être également disponibles au moyen d’un geste simple (hors cas particuliers) ?
Pourquoi c'est important
Les personnes avec des tremblements, une mobilité réduite des doigts ou utilisant un seul doigt ne peuvent pas effectuer des gestes complexes. Si ces gestes sont le seul moyen d'accéder à une fonctionnalité, ces utilisateurs en sont entièrement exclus.
Exemples concrets
Ce qui est conforme
La carte interactive de la commune répond au pincement pour zoomer, mais propose aussi des boutons « + » et « - » visibles pour agrandir et réduire la vue. Un usager qui ne peut utiliser qu'un doigt peut naviguer dans la carte avec ces boutons.
Ce qui pose problème
La galerie photo de la médiathèque ne répond qu'au swipe horizontal pour faire défiler les images. Il n'y a pas de bouton « Image suivante » ou « Image précédente ». Les utilisateurs qui ne peuvent pas effectuer un swipe précis ne peuvent pas naviguer dans la galerie.
Comment agir
Pour chaque fonctionnalité accessible par geste complexe (pincer, faire glisser, swipe), demandez à votre prestataire de proposer un équivalent par simple appui : boutons de navigation, boutons de zoom, zones cliquables. La règle : tout geste à deux doigts doit avoir un bouton alternatif.
Règles clés
- Tout geste multi-points doit avoir une alternative à un seul point de contact.
- Tout geste basé sur un chemin doit avoir une alternative activable en un point (clic sur bouton).
- Exception : le geste est essentiel (logiciel de dessin libre).
Erreurs fréquentes
- Carte zoomable uniquement par pinch — pas de boutons +/- alternatifs
- Carrousel navigable uniquement par swipe — pas de boutons Précédent/Suivant
- Signature requise par geste de dessin sans alternative
Exemples de code
carrousel swipe uniquement
✗ Non conformecarousel.addEventListener('touchstart', handleSwipe);
// Aucun bouton Précédent/SuivantNavigation uniquement par swipe. Un utilisateur avec un seul doigt ou pointeur alternatif ne peut pas changer de slide.
carrousel avec boutons alternatifs
✓ Conforme<!-- Boutons alternatifs au swipe -->
<button type="button"
aria-label="Slide précédente"
onclick="carousel.prev()">‹</button>
<button type="button"
aria-label="Slide suivante"
onclick="carousel.next()">›</button>
<!-- Swipe conservé comme option complémentaire -->
<script>
carousel.addEventListener('touchstart', handleSwipe);
</script>Boutons accessibles à un seul clic. Le swipe reste disponible pour ceux qui peuvent l'utiliser.
Référence WCAG : 2.5.1