Accessibilité pour un composant déplaçable, largable et triable
C'est un composant que j'essaie de rendre accessible:
Si je comprends bien, les directives ARIA Authoring Practices pour le glisser-déposer sont essentiellement:
- Tab pour parcourir la liste des éléments
- Space sélectionner un élément
- Touches fléchées pour basculer entre la ou les dropzone (s)
- Enter laisser tomber
.. qui fonctionne bien pour placer les éléments dans la zone de dépôt, mais je me demande comment le sortable devrait-il fonctionner?
Le site W3.org donne n exemple accessible par glisser-déposer qui offre les contrôles clés suivants:
- Utilisez l'onglet pour vous déplacer vers l'élément que vous souhaitez déplacer.
- Sélectionnez l'élément que vous souhaitez déplacer avec la barre d'espace.
- Utilisez les touches de curseur Haut et Bas pour sélectionner une cible dans le menu contextuel.
- Appuyez sur Entrée pour déplacer l'élément vers la liste cible.
De là, il n'est pas difficile d'extraire les contrôles suivants pour votre situation:
- Utilisez Tab pour vous déplacer entre les éléments
- Utilisez l'espace pour sélectionner un élément
- Utilisez enter pour le déplacer entre les listes (ajouter ou supprimer)
- Utilisez les touches fléchées pour déplacer un élément dans une liste