ARIA (Accessible Rich Internet Applications) est un ensemble d’attributs que vous pouvez ajouter aux éléments HTML pour rendre le contenu web et les applications plus accessibles, en particulier le contenu dynamique et les contrôles d’interface utilisateur avancés. Le Guide des pratiques de création (APG) fournit des conseils sur la façon d’utiliser ARIA correctement.
Qu’est-ce qu’ARIA ?
- ARIA fournit des informations supplémentaires aux technologies d’assistance qui ne sont pas disponibles dans HTML natif. Il aide à définir les rôles, états et propriétés des composants d’interface utilisateur personnalisés.
- Exemple : Si vous créez un menu déroulant personnalisé en utilisant des éléments <div>, un lecteur d’écran ne saura pas que c’est un menu. Les attributs ARIA comme role=« menu », aria-haspopup=« true », et aria-expanded=« false/true » peuvent être utilisés pour décrire sa fonction et son état.
- Première règle d’ARIA : La règle la plus importante est : si un élément HTML natif a déjà les fonctionnalités d’accessibilité dont vous avez besoin, utilisez-le au lieu de créer un composant personnalisé avec ARIA. Par exemple, utilisez un élément <button> au lieu d’un <div> avec role=« button ».
Qu’est-ce que l’APG ?
- L’APG (Authoring Practices Guide) est une ressource du W3C qui fournit des modèles de conception et des exemples de code pour créer des composants web accessibles.
- Il démontre comment implémenter correctement ARIA pour les widgets courants comme les accordéons, curseurs, onglets et modales.
- L’APG est un guide essentiel pour les développeurs afin de s’assurer que leurs composants personnalisés sont utilisables par les personnes qui dépendent des technologies d’assistance.
