Glisser-déposer accessible avec WAI-ARIA

Sur le site http://www.paciellogroup.com, Cédric Trévisan traduit un article concernant le Glisser/Déposer (drag and drop) et l'accessibilité avec WAI-ARIA.

Cet article est destiné aux personnes voulant créer des applications internet riches avec une fonctionnalité de glisser-déposer et souhaitant la rendre accessible. Aucune connaissance préalable de WAI-ARIA n'est nécessaire, mais il est recommandé de lire mon Introduction à WAI-ARIA avant de commencer cet article. Une connaissance de base du script est nécessaire pour comprendre exactement ce qui se passe dans l'exemple de code, mais cette connaissance n'est pas nécessaire pour comprendre les concepts de base.

Je vous propose d'aller sur la page de test d'un glisser/déposer avec WAI-ARIA.

Vous pouvez déplacer les éléments à la souris, comme vous pouvez le faire sur d'autres applications ; mais vous pouvez aussi utiliser le clavier.

  • Cliquer sur le lien de la page de test (clic molette pour ouvrir un nouvel onglet et garder cette même page ouverte)
  • Valider 2 x "la touche TAB" (touche au dessus du verrouillage de majuscule ; si au dessus de shift gauche)
  • Valider la touche "entrée"
  • Valider la touche "flèche bas"
  • Valider la touche "entrée"

Magie, le groupe Art Brut est dans les rejected artists. Imaginez-vous un instant la joie d'une personne, à la main tremblante, naviguant au clavier.