Pointer Cancellation Inspector : Un outil pour vérifier l’application de WCAG 2.5.2 / RGAA 13.11

Le , par Pierre Albert - Accessibilité

Temps de lecture estimé : 2 minutes.

Un outil pour vérifier l’annulation des interactions

En accessibilité numérique la règle WCAG 2.5.2 / RGAA 13.11 impose que les actions déclenchées par un clic ou un appui tactile puissent être annulées ou modifiées avant exécution.

Pointer Cancellation Inspector est une extension Chrome qui facilite cette vérification en identifiant les événements mousedown et touchstart présents sur des éléments dans une page web.

Pourquoi cet outil ?

Lors d’un audit d’accessibilité, il est nécessaire de vérifier que :

  • Une action n’est pas déclenchée dès l’appui (mousedown ou touchstart), mais bien au relâchement (mouseup).
  • L’utilisateur peut annuler une action en déplaçant son curseur hors de la zone active.
  • Des alternatives sont proposées lorsque nécessaire, comme un bouton de confirmation.

La recherche manuelle de ces anomalies est souvent chronophage. Pointer Cancellation Inspector permet d’identifier rapidement les événements de pointage sur une page et de détecter d’éventuelles anomalies.

Fonctionnement

L’extension ajoute un panneau dans Chrome DevTools qui permet de lancer un scan pour lister tous les éléments HTML qui ont un événement JavaScript mousedown ou touchstart.

Principales fonctionnalités :

  • Détection automatique des événements mousedown et touchstart.
  • Affichage des éléments interactifs concernés.
  • Lien direct vers l’élément dans l’inspecteur de code.

L’objectif est de faciliter la détection des erreurs sans avoir à inspecter le code manuellement.

  1. Installer Pointer Cancellation Inspector depuis le Chrome Web Store.
  2. Ouvrir Chrome DevTools (F12 ou Ctrl + Shift + I).
  3. Se rendre dans l’onglet Pointer Cancellation Inspector.
  4. Lancer une analyse et examiner les interactions détectées.

Contribuer et améliorer l’outil

Pointer Cancellation Inspector est un projet gratuit et open-source. Vous pouvez consulter le code source, signaler des problèmes ou proposer des améliorations sur notre dépôt GitLab :

Code source sur GitLab : https://gitlab.com/temesis/pointer-cancellation-inspector