Sujet : aria
-
Rôles ARIA : pourquoi un élément HTML natif l'emporte sur un div doté d'un rôle
La première règle d'utilisation d'ARIA du W3C est de préférer un élément ou un attribut HTML natif qui possède déjà la sémantique et le comportement requis ; ARIA ne change que ce qui est communiqué aux technologies d'assistance, jamais ce que fait l'élément. Un div doté de role=button a encore besoin que la focalisabilité, la gestion du clavier et les états soient ajoutés à la main, et chaque erreur reste invisible lors d'un test visuel.
-
Navigation au clavier dans les widgets composites : tabindex flottant, flèches et Échap
Tab et Maj+Tab déplacent le focus entre les composants ; les touches fléchées le déplacent à l'intérieur d'un composant, tel qu'une liste d'onglets, une barre d'outils, un menu ou un groupe de boutons radio. Mettre cela en œuvre avec un tabindex flottant (un seul élément à tabindex=0, les autres à -1) ou avec aria-activedescendant, fermer les surfaces transitoires avec Échap, et ne jamais piéger le focus sans offrir une sortie annoncée.
Lisible par machine : JSON