mozilla

ARIA

ARIA (Accessible Rich Internet Applications ou Applications Internet riches accessibles) définit des moyens de créer du contenu et des applications web (en particulier celles qui sont développés à l’aide d’Ajax et de JavaScript) plus accessibles aux personnes handicapées. Par exemple, ARIA autorise des points de repère de navigation accessibles, des widgets JavaScript, des suggestions pour les formulaires et des messages d’erreurs, la mise à jour de contenu dynamique, et bien d'autres choses encore.

ARIA est un ensemble d’attributs liés à l’accessibilité qui peut être ajouté à n’importe quel langage de balisage, mais qui est particulièrement adapté au HTML. L’attribut role définit le type général d’un objet (par exemple un article, une alerte ou un séparateur). Des attributs ARIA supplémentaires fournissent d’autres propriétés utiles, telles que la description d’un formulaire ou la valeur courante d’une barre de progression.

ARIA est mis en œuvre tant dans les navigateurs que les lecteurs d’écran les plus courants. Cependant, les implémentations varient et les outils les plus anciens ne le prennent pas bien en charge (voire pas du tout). Utilisez dès lors des attributs ARIA basiques qui se dégradent correctement, ou demandez aux utilisateurs d’utiliser des outils plus modernes.

N'hésitez pas à contribuer et rendre ARIA encore meilleur pour d'autres personnes ! Vous manquez de temps ? Faites part de vos suggestions sur la page de discussion ARIA.

Débuter avec ARIA

Introduction à ARIA
Une rapide introduction à la création de contenu dynamique accessible avec ARIA. Voir également le classique ARIA intro par Gez Lemon, de 2008 ou sa traduction française Introduction à WAI ARIA chez lesintegristes.net.
FAQ Applications Web et ARIA
Réponses aux questions courantes concernant WAI-ARIA et pourquoi il est nécessaire de créer des applications web accessibles.
Vidéos de lecteurs d’écrans utilisant ARIA
Découvrez des exemples simples mais concrets, y compris des vidéos montrant les évolutions « avant » et « après » ARIA.
Utiliser ARIA avec HTML
Un guide pratique pour les développeurs. Il suggère quels attributs ARIA utiliser avec quels éléments HTML. Les suggestions sont définies à partir d’applications concrètes.

Améliorations ARIA simples

Enhancing Page Navigation with ARIA Landmarks (Améliorer la navigation des pages avec les points de repère ARIA)
Une bonne introduction à l’utilisation des points de repère ARIA pour améliorer la navigation des pages web pour les utilisateurs de lecteurs d’écran. Voir également, les notes d’implémentation des repères ARIA et des exemples sur des sites réels (mis à jour en juillet 2011).
Améliorer l’accessibilité des formulaires
ARIA n’est pas consacré uniquement au contenu dynamique ! Découvrez comment améliorer l’accessibilité des formulaires HTML à l’aide d’attributs ARIA supplémentaires. 
Zones ''Live'' (travail en cours)
Les zones ''Live'' fournissent des suggestions aux lecteurs d’écran sur la façon de traiter les modifications du contenu d’une page.
Using ARIA Live Regions to Announce Content Changes (Utiliser les zones ''live'' ARIA pour annoncer les changements de contenu)
Un résumé rapide des zones ''live'', par les créateurs du logiciel lecteur d'écran JAWS. Notez que les zones ''live'' sont également prises en charge par NVDA dans Firefox, et par VoiceOver avec Safari (à partir de OS X Lion et iOS 5).

ARIA et les composants dynamiques

Composants JavaScript navigables au clavier
La première étape du développement d'un composant JavaScript accessible est de le rendre navigable au clavier. Cet article vous guide à travers les étapes de ce processus. L’article Yahoo! sur la gestion du focus est également une excellente ressource.
Style Guide for Keyboard Navigation (Guide de styles pour la navigation au clavier)
L’une des difficultés avec ARIA est d'amener les développeurs à implémenter des comportements cohérents — infiniment meilleurs pour les utilisateurs. Ce guide de styles décrit l'interface clavier pour les composants communs.

Ressources ARIA

Techniques, composants, tutoriels et exemples
Besoin d’un curseur, d’un menu ou d’un composant quelconque ? Trouvez des ressources ici.
Bibliothèques d’UI JavaScript compatible avec ARIA
Si vous débutez un nouveau projet, choisissez une bibliothèque de composants d'interface intégrant nativement ARIA. [Attention : ceci date de 2009 — le contenu devrait être déplacé vers une page MDN où il pourra être mis à jour].
Accessibilité de HTML5 et des Applications Internet Riches - Documents de travail des ateliers CSUN 2012
Comprend des documents de présentations et des exemples.

Listes de discussion

Groupe de discussion Free ARIA sur Google Group
Un endroit où poser vos questions à propos d’ARIA, et faire part de vos suggestions pour améliorer la documentation ARIA disponible sur ces pages.

Blogs

Les informations sur ARIA disponibles sur les blogs tendent à être obsolètes très rapidement. Pourtant, ils sont toujours une source inépuisable d'informations pour les développeurs faisant fonctionner ARIA de nos jours.

Paciello Group

Accessible Culture

Signaler des bogues

Remplir des bogues ARIA dans les navigateurs, les lecteurs d'écran et les bibliothèques JavaScript.

Exemples

Bibliothèques d'exemples ARIA
Une ensemble de fichiers décortiqués qui vous permettront d’apprendre.
Démos de bibliothèques de composants JS accessibles
Dojo, jQuery,  Fluid, YUI
Yahoo! Mail
Yahoo! a mis tout ensemble dans Yahoo! mail, une application web qui ressemble presque à une application native. Elle fonctionne à merveille. En commentant Yahoo! Mail  Marco Zehe, qui est déficient visuel a écrit : “Keep up the good work!” (« Continuez, c’est du bon travail ! »).
Yahoo! Search
Ici, Yahoo! a fourni un travail époustouflant d’ARIA avancé, en utilisant pleinement les capacités d’ARIA et en partageant leurs techniques. Yahoo! Search utilise une combinaison de points de repère ARIA, de zones ''live'' et de composants dynamiques.

Efforts de standardisation

Aperçu des activités liées à WAI-ARIA au W3C
Aperçu officiel des travaux de standardisation de WAI-ARIA par le Web Accessibility Initiative (WAI)
Spécification WAI-ARIA
La spécification W3C proprement dite, une référence utile. Notez qu'à ce stade, il est important de tester la compatibilité des éléments, les implémentations étant encore incohérentes.
WAI-ARIA Authoring Practices (Pratiques de publications WAI-ARIA)
Comme la spécification WAI-ARIA du W3C, les meilleures pratiques officielles représentent un futur idéal – un jour lorsque les auteurs pourront se reposer sur une prise en charge cohérente d’ARIA par les navigateurs et les lecteurs d’écran. Les documents du W3C fournissent une vue détaillée d’ARIA.

Pour le moment, les développeurs web implémentant ARIA doivent maximiser la compatibilité. Utilisez les documents sur les bonnes pratiques et les exemples basés sur les implémentations actuelles.
Open AJAX Accessibility Task Force
Les travaux d’Open AJAX sont centrés sur les outils de développement, les fichiers d'exemple et les tests automatisés pour ARIA.
En Construction : WCAG 2.0 ARIA Techniques
La communauté a besoin d'un ensemble complet de techniques WCAG pour WAI-ARIA + HTML, ainsi les organisations pourront aisément déclarer que leurs contenus accessibles ARIA sont compatible WCAG. Ceci est particulièrement important lorsque les réglements et les politiques d'accessibilité sont définies selon WCAG.
Accessibilité, AJAX, JavaScript

 

Étiquettes et contributeurs liés au document

Contributeurs à cette page : Goofy, Fredchat, BenoitL, FredB, Anonymous
Dernière mise à jour par : BenoitL,