Bonjour, Dans un contexte applicatif, j'ai eu besoin d'implémenter un bouton accueillant 2 actions : - action A disponible sur click ; - action B disponible sur click + touche maj.
*Ci-dessous le code généré via DOM et correspondant à ce bouton.* <p><button type="button" aria-describedby="dbactionb">Action A</button> <span id="dbactionb"><span aria-hidden="true">Action A</span> (appuyer sur la touche Maj. pour action B)</span></p> *Note : l'élément span#dbactionb "décrit" le bouton, est affiché au focus et au survol du bouton pour signaler la présence de l'action B à l'utilisateur.* *Se pose la question du "Accessible et activable au clavier". * Pour l'action A, aucun souci (l'utilisateur peut utiliser indifféremment la souris et le clavier). Pour l'action B, la souris seule ne peut pas être utilisée (la touche clavier étant requise). *Note : peut être que certains claviers virtuels peuvent permettre l'utilisation par la souris seule mais ça ne solutionne de toute façon que partiellement le problème.* *Se pose la question de pallier à ce problème de la souris seule.* Les différentes solutions d'implémentation alternatives possibles que j'ai pu définir : 1) proposer l'action B via un double click sur le bouton ; 2) proposer l'action B via le menu contextuel du bouton ; 3) proposer l'action B via un right click sur le bouton ; 3) proposer l'action B via un autre bouton. *Note 1 : la "description" du bouton permettra d'indiquer dynamiquement la solution choisie. * *Note 2 : des configs sont possibles pour le double click (je ne sais pas si elles sont satisfaisantes pour les utilisateurs et si elles s'intègrent bien avec les UA).Note 3 : proposer l'action B via un autre bouton revient à abandonner l'implémentation d'origine (ce qui n'est pas souhaitable).* A votre avis, les solutions 1, 2 et 3 peuvent-elles être considérées conformes et fonctionnelles (les référentiels se limitant aux cas classiques du click) ? Merci par avance de vos réponses. Romain
_______________________________________________ liste_gta mailing list [email protected] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
