Guides ARIA

Les applications internet riches et accessibles (Accessible Rich Internet Applications en anglais, aussi abrégé ARIA) définissent des moyens de rendre le web plus accessible aux personnes en situation de handicap. Cette page liste les guides que vous pouvez utiliser pour améliorer l'accessibilité de fonctionnalités web telles que les tableaux, les formulaires et la navigation au clavier.

Étiquettes multiples : utiliser ARIA pour des étiquettes avec champs intégrés

Vous avez un formulaire où la question posée à l'utilisateur·ice contient la réponse dans la phrase elle-même. Un exemple classique, que l'on retrouve dans les paramètres de navigateur, est « Supprimer l'historique après x jours ». « Supprimer l'historique après » se trouve à gauche du champ de saisie, x est le nombre (par exemple 21), et le mot « jours » suit le champ, formant une phrase facile à comprendre.

Guide ARIA pour implémenter les lecteurs d'écran

Ce document est un guide. Le balisage des régions dynamiques (live regions) est un domaine complexe, sujet à interprétation. Les éléments suivants visent à fournir des recommandations d'implémentation tout en respectant le besoin des développeur·euse·s de lecteurs d'écran d'expérimenter. L'objectif est de trouver un équilibre entre des conseils utiles sur l'utilisation du balisage et le soutien à l'innovation et à la concurrence autour des régions dynamiques.

Utiliser ARIA : rôles, états et propriétés

ARIA définit des sémantiques applicables aux éléments, réparties en rôles (définissant un type de composant d'interface utilisateur) et en états et propriétés pris en charge par un rôle. Les auteur·ice·s doivent attribuer un rôle ARIA ainsi que les états et propriétés appropriés à un élément pendant son cycle de vie, sauf si l'élément possède déjà une sémantique ARIA adaptée (par l'utilisation d'un élément HTML approprié). L'ajout de sémantique ARIA expose uniquement des informations supplémentaires à l'API d'accessibilité du navigateur, sans modifier le DOM de la page.

Zones dynamiques ARIA

En JavaScript, il est possible de modifier dynamiquement des parties d'une page sans recharger l'ensemble de la page : par exemple, pour actualiser une liste de résultats de recherche à la volée, ou pour afficher une alerte ou notification discrète qui ne nécessite pas d'interaction de l'utilisateur·ice. Si ces changements sont généralement visibles pour les personnes voyantes, ils peuvent passer inaperçus pour les utilisateur·ice·s de technologies d'assistance. Les zones dynamiques (live regions) ARIA comblent cette lacune et permettent d'exposer de façon programmatique les changements dynamiques de contenu afin qu'ils puissent être annoncés par les technologies d'assistance.