ARIA

Définition (ARIA) : ARIA (Accessible Rich Internet Applications) est un ensemble d’attributs HTML définis par le W3C qui permettent de rendre accessibles aux technologies d’assistance, comme les lecteurs d’écran, les composants interactifs d’une page : menus, onglets, fenêtres modales, carrousels.

Les composants modernes construits en JavaScript ne sont pas compris nativement par les lecteurs d’écran. ARIA leur donne un rôle, un état et un nom, indispensables pour qu’une personne aveugle puisse les utiliser.

Les attributs ARIA les plus utilisés :

• role : indique la nature d’un élément (bouton, dialogue, navigation).
• aria-label : donne un nom accessible à un élément sans texte visible.
• aria-expanded : précise si un menu ou un panneau est ouvert ou fermé.
• aria-live : annonce les contenus qui changent sans rechargement de la page.

En pratique : avant d’ajouter des attributs ARIA, vérifiez si un élément HTML natif fait déjà le travail : un élément button, nav ou dialog est compris d’emblée par les lecteurs d’écran. Réservez ARIA aux composants sur mesure, comme un menu déroulant, des onglets ou une fenêtre modale. Testez ensuite le résultat au clavier seul et avec un lecteur d’écran gratuit comme NVDA ou VoiceOver : c’est la seule façon de vérifier qu’une personne aveugle peut réellement utiliser le composant, au-delà des outils automatiques.

Les erreurs fréquentes :

• Ajouter de l’ARIA là où un élément HTML natif suffirait (un vrai bouton plutôt qu’une div).
• Déclarer un état ARIA sans le mettre à jour quand le composant change.
• Penser que des attributs ARIA rendent à eux seuls un site conforme.

Comment Aurone vous accompagne : nous intégrons l’accessibilité dès la conception et pouvons auditer les composants interactifs de votre site. Découvrez notre offre de création de site internet.

Par où commencer : lisez pourquoi l’accessibilité web booste le chiffre d’affaires et nos articles sur l’accessibilité.

Nos conseils à propos de ARIA :