ARIA
ARIA complète les informations de rôle, d’état et de propriété pour les technologies d’assistance. Le comportement annoncé doit réellement fonctionner.
Compléter le sens pour les technologies d’assistance
ARIA signifie Accessible Rich Internet Applications. Ses rôles et attributs peuvent transmettre des informations sur les commandes aux technologies d’assistance. Par exemple, aria-expanded="false" indique que la section dépliable associée est fermée.
Dans un portail fictif, le bouton « Plus de détails sur la facture » porte cet attribut. À l’ouverture, sa valeur devient true et le contenu correspondant apparaît. Si la valeur ne change pas, le lecteur d’écran peut annoncer un état différent de celui affiché.
ARIA n’ajoute pas elle-même le comportement au clic ni l’utilisation au clavier. Un div avec role="button" ne devient pas automatiquement un bouton fonctionnel. Utilisez les éléments HTML natifs appropriés et complétez avec ARIA lorsque des informations manquent. Des indications erronées peuvent compliquer l’utilisation.
Sources
Termes associés
- HTML sémantiqueLe HTML sémantique utilise les éléments selon leur sens. Un véritable bouton possède des propriétés qu’un bloc de texte stylisé n’a pas automatiquement.
- Lecteur d’écranUn lecteur d’écran rend les contenus numériques accessibles par la voix ou le braille. Structure et libellés explicites facilitent leur utilisation.
- Utilisation au clavierL’utilisation au clavier permet d’accomplir une tâche sans souris, avec des actions accessibles et un parcours compréhensible.
- Ordre du focusL’ordre du focus définit le parcours des éléments pouvant recevoir le focus. Il doit préserver le sens et l’utilisation lors des changements dynamiques.
- Piège au clavierUn piège au clavier bloque la navigation dans une zone. Un confinement volontaire du focus dans une boîte de dialogue doit prévoir une sortie utilisable.
- Lien d’évitementUn lien d’évitement mène au contenu principal en évitant les blocs de navigation répétés. La navigation au clavier doit ensuite continuer au bon endroit.
Articles sur le sujet
Design & UX avec ASES
Expérience utilisateur, interfaces et image de marque