Aller au contenu
A11ySignal
mineurWCAG 2.1.1 · A

Les images réactives côté serveur ne devraient pas être utilisées

server-side-image-map

Vérifier que les images réactives côté serveur ne sont pas utilisées

Le critère derrière

2.1.1 Clavier

Tout ce que vous faites à la souris doit être faisable au clavier.

Niveau A · EN 301 549 § 9.2.1.1

Pourquoi cette vérification existe

La navigation au clavier est la base sur laquelle reposent les lecteurs d'écran, les contacteurs et la commande vocale. Un contrôle réservé à la souris leur est inaccessible à tous.

Ce qui la déclenche habituellement

  • échoueUn `<div onclick>` sans `tabindex` ni gestionnaire de touche.
  • échoueUn menu déroulant maison qui ne s'ouvre qu'au survol.
  • échoueUn réordonnancement par glisser-déposer sans équivalent au clavier.

Comment corriger

  • à faireUtilisez `<button>` et `<a href>` : focalisables et activables au clavier gratuitement.
  • à faireS'il faut vraiment un élément maison, ajoutez `tabindex="0"`, un rôle et des gestionnaires pour Entrée et Espace.
  • à faireDonnez à chaque glisser-déposer un chemin clavier — des boutons monter / descendre suffisent.

Comment c'est signalé

A11ySignal le signale avec un impact mineur. Chaque élément en échec arrive avec son sélecteur CSS et le balisage fautif, pour aller droit à la ligne plutôt que de la chercher. Deque publie le détail au niveau du moteur :

https://dequeuniversity.com/rules/axe/4.13/server-side-image-map

Vérification implémentée par axe-core 4.13.0, © Deque Systems, MPL-2.0.

Autres vérifications pour 2.1.1