jARIA jQuery Plugin est basé sur enable.js développé par IBM pour Mozilla. Il permet d’ajouter une couche ARIA dans votre site web sous la forme de méthodes pour la gestion des rôles : ariaRole(), par exemple, renvoie le rôle ARIA d’un élément donné.
En HTML, les rôles peuvent s’utiliser de la manière suivante :
<ul role="navigation wai:sitemap">
<li href="downloads">Downloads</li>
<li href="docs">Documentation</li>
<li href="news">News</li>
</ul>Je suis loin d’être confortable (oui, j’aime les anglicismes) avec WAI-ARIA alors n’hésitez pas à partager les liens que vous avez sous la souris 😉
PS : On me souffle dans l’oreillette que l’article est incompréhensible. Je veux bien faire l’effort de traduire l’introduction du lien concernant WAI-ARIA donné dans le billet, mais je ne ferais pas ça tous les jours : Google translate est notre ami… Craduction :
L’accessibilité pour les contenus web nécessitent des informations sémantiques concernant les widgets, les structures et les comportements pour permettre aux technologies d’assistance de véhiculer l’information appropriée aux personnes à mobilité réduite (ndt : on ne parle pas de déficiences mentales, vous avez remarqué ?). Cette spécification fournie une ontologie des rôles, états et propriétés qui définissent les éléments de l’interface utilisateur susceptibles d’améliorer l’accessibilité et l’interopérabilité des contenus web et des applications en général. Ces élément d’accessibilité ont été conçus pour être utilisés au niveau du marquage HTML.
(via bertrandkeller)
article incompréhensible….
C quoi au juste Aria ?
j’ai ajouté une explication dans le billet
Salut, je me permets un petit correctif.
@zefzef, ARIA = Accessible Rich Internet Application : en d’autre termes, c’est une recommandation du W3C concernant l’accessibilité.
@Bruno Bichet : je propose une nouvelle traduction de l’introduction en question:
L’accès aux contenus web implique des informations sémantiques concernant les widgets, structures et comportements pour permettre aux technologies d’assistance de transmettre l’information appropriée aux personnes souffrant de handicaps [note : attention, pas uniquement la mobilité réduite, on peut penser aussi aux déficiences visuelles ou auditives si les éléments concernés sont des illustration ou des sons] Cette spécification propose une ontologie* des rôles, états et propriétés qui définissent les éléments de l’interface utilisateur susceptibles de faciliter l’accès et l’interopérabilité des contenus web et des applications en général. Ces élément d’accessibilité ont été conçus afin d’être utilisés au niveau du balisage HTML.
: ontologie : Étude de l’être en tant qu’être. Ici donc, étude des rôles, des états et des propriétés.
Ceci étant, merci pour l’information à propos de cet ajout dans JQuery, c’est appelé à mon avis à être de plus en plus utilisé si on considère que le développement web doit de plus en plus tenir compte de tous les internautes sans limiter aux utilisateurs dits «normaux» 😉