Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Barrierefreiheit
Pourquoi le glisser-déposer a-t-il besoin d'une simple alternative par clic ?
Chaque fonction qui demande un geste de glisser — par exemple un fichier dans un champ ou un curseur — a besoin d'une alternative avec clics ou tapotements simples. Qui ne peut pas maintenir un doigt enfoncé et le bouger précisément à la fois échoue à un simple glisser. Le critère 2.5.7 « Gestes de glisser » a été ajouté avec le WCAG 2.2 et remplit exactement cette lacune.
Téléversement de fichier, curseur et listes triables accessibles
Trois modèles couvrent la plupart des cas. Le téléversement de fichier par glisser-déposer a besoin d'un bouton « Choisir un fichier » qui ouvre le dialogue de fichier normal — la plupart des systèmes l'incluent déjà, il ne doit juste pas être retiré de l'aspect. Le curseur, par exemple pour une gamme de prix, a besoin de champs de saisie ou de boutons Plus et Moins pour les mêmes valeurs. Et les listes triables où les entrées se réordonnent par glisser ont besoin par entrée de boutons comme « vers le haut » et « vers le bas ». Le glisser reste comme chemin de confort préservé ; l'essentiel est que le même objectif soit aussi accessible par clics isolés.
Comment le service de contrôle traite ce critère
Il est impossible de fiabilement déterminer par machine si chaque fonction de glisser de votre page a une alternative par clic : il faudrait que le contrôle exécute réellement des gestes de glisser et compare leur effet avec tous les boutons — notre noyau de mesure fonctionne intentionnellement passivement et n'exécute pas de gestes sur des sites tiers. Le rapport signale donc le critère comme point à examiner manuellement. Cela suit notre principe fondamental : chaque critère WCAG figure séparément dans le rapport — satisfait, non-conforme, à examiner manuellement, ou non automatisable. Une mesure vide est une erreur, jamais un blanc-seing.
Beispiele
Sortieren nur per Ziehen
<li draggable="true">Aufgabe A</li>
<li draggable="true">Aufgabe B</li><li draggable="true">Aufgabe A
<button type="button" aria-label="Aufgabe A nach oben">↑</button>
<button type="button" aria-label="Aufgabe A nach unten">↓</button>
</li>Ziehen verlangt eine ruhige Hand über einen Weg. Ein Klick je Richtung erreicht dasselbe.
- Cherchez toutes les fonctions de glisser de votre site : téléversement de fichier, curseur, listes triables, tuiles déplaçables.
- Mettez à côté de chaque champ de téléversement un bouton « Choisir un fichier » qui ouvre le dialogue normal.
- Complétez les curseurs par des champs de saisie ou des boutons Plus et Moins pour les mêmes valeurs.
- Donnez aux listes triables par entrée des boutons pour décaler vers le haut et vers le bas.
- Testez chacune de ces fonctions une fois sans aucun glisser — seulement avec clics isolés.