Les données Aria

Les données ARIA
Une présentation de Lucas Dewamme
&                              Olivier Laval

Chapitres
1)Introduction
2)Rôle
3)Etats et propriétés
4)Hiérarchie sémantique
5)Lecteurs d'écran
6)Navigateurs
7)Conclusion
8)Bibliographie

Introduction
Ces attributs font partie d'une spécification du W3C : WAI-ARIA. Cette norme, couramment
appelée ARIA, a été introduite pour pallier le manque d'accessibilité des applications Internet
et plus particulièrement des widgets.
Les données ARIA sont une « surcouche » sémantique ayant pour but de compléter un
langage web tel que le HTML, SVG, XML, ... en rendant son contenu accessible aux
personnes souffrant d'handicaps tel que la mal-voyance.
Elles se composent de rôle (ex :"presentation", "navigation", ...), états (valeurs
possibles : "true", "false", "mixed") et propriétés .



« role »
Le « role » est l'élément de base d'une donnée ARIA.
Le « role » affecte une valeur sémantique à une balise afin d'en décrire son contenu.
Exemple : une balise sans valeur sémantique comme <span> ou <div> peut en fait être un
bouton en utilisant le role "button".
<span role="button">Ceci est un bouton</span>
<div role="banner">...</div>
<span role="navigation">...</span>
<div role="main">...</div>


Etats et propriétés
Les états (states) et propriétés (properties) permettent de décrire des informations
supplémentaires sur les widgets et de les mettre à la disposition des technologies
d’assistance (VoiceOver, NVDA, ORCA, ...), afin d’aider l’utilisateur à comprendre comment
interagir avec le widget.
La propriété d'une ARIA est précédé de aria- + la propriété.
Par exemple, aria-required est l'équivalent à l'* pour indiquer les champs obligatoires.
L’état définit une configuration ou une information unique sur un objet.
Par exemple, la propriété aria-checked possède 3 valeurs : true, false et mixed.
Référencement aria : https://specs.webplatform.org/html-aria/webspecs/master/





Lecteurs d'écran
Le lecteur d'écran est un logiciel destiné aux personnes aveugles ou
malvoyantes.
Le lecteur d'écran retranscrit par synthèse vocale et/ou sur un afficheur
braille ce qui est affiché sur l'écran et/ou pointé par la souris.
Téléchargement
NVDA (Windows) : http://www.nvda-fr.org/documentation.php
Jaws (Windows) : http://www.freedomscientific.com/Downloads/JAWS
VoiceOver (Mac OSX) : Déjà installé sur Mac +F5




Navigateurs
Sur Internet Explorer, le support d’ARIA a été introduit depuis IE8, puis amélioré sur IE9. Sur
Safari (OS X et iOs), le support a été introduit depuis la version 4, et largement amélioré sur
la version 5 et 5.1. Sur Firefox, le support partiel a débuté dans la version 3, et est
désormais complet. Enfin sur Chrome, un début de support existe depuis la version 9 et
progresse régulièrement.
Aujourd'hui tous les navigateurs prennent en charge les données Aria:
Internet Explorer de la version 8
Firefox depuis la version 31
Chrome depuis la version 31
Safari depuis la version 7
Opera depuis la version 27



Conclusion
Nous vous conseillons l'usage des données Aria ! Ca prend peu de temps, ça ne déstructure pas vos
pages, mais ça rend service à de nombreuses personnes en les aidants à mieux naviguer dans vos sites !
DIVERS
Une bibliothèque javacript qui inclue WAI-ARIA :
http://www.paciellogroup.com/blog/2009/07/wai-aria-implementation-in-javascript-ui-libraries/






Bibliographie
https://specs.webplatform.org/html-aria/webspecs/master/
http://www.lesintegristes.net/2008/12/09/introduction-a-wai-aria-traduction/
http://caniuse.com/#feat=wai-aria
https://developer.mozilla.org/fr/docs/Accessibilit
%C3%A9/ARIA/FAQ_Applications_Web_et_ARIA
http://www.nvda-fr.org/documentation.php
http://caniuse.com/#feat=wai-aria
http://www.lesintegristes.net/2008/12/09/introduction-a-wai-aria-traduction/
http://www.freedomscientific.com/Downloads/JAWS
MERCI A TOUS !