Description accessible
Une description accessible est la description d'un élément d'interface utilisateur qui fournit des informations supplémentaires pour aider les utilisateur·ice·s de technologies d'assistance à comprendre l'élément UI et son contexte. Elle est associée à un élément HTML ou SVG et donne aux utilisateur·ice·s un contexte supplémentaire sur son but au-delà de ce qui est fourni par le nom accessible de l'élément. C'est particulièrement important pour les utilisateur·ice·s qui se servent de technologies d'assistance telles que lecteurs d'écrans. La description accessible d'un élément fait partie de l'arbre d'accessibilité.
Par exemple, le nom accessible d'une <table> est fourni par sa première <caption>. Dans le cas de tableaux de données complexes, une ou deux phrases décrivant le tableau peuvent fournir une description. Cela peut être un paragraphe juste avant ou après le tableau, tant visuellement que dans l'ordre du code source. S'il se trouve ailleurs dans l'ordre source, ou pour rendre l'association explicite, l'attribut aria-describedby peut être utilisé pour associer le tableau à sa description.
De même, lorsqu'un·e utilisateur·ice doit créer un mot de passe, le <label> pour le <input> de type password fournit son nom accessible. Une bonne description accessible inclut les exigences du mot de passe de manière visible pour tous les utilisateur·ice·s. Elle peut être explicitement associée à l'entrée via son attribut aria-describedby, qui l'ajoute à l'arbre d'accessibilité en tant que « description » pour ce nœud.
Les descriptions sont réduites à des chaînes de texte. Dans notre exemple de mot de passe, si la valeur de l'attribut aria-describedby de l'entrée est l'id d'une <ul> HTML contenant une liste de conditions, la description est le texte concaténé et les équivalents texte de tous les éléments de la liste.
Vous pouvez inspecter la description accessible de tout élément sur votre page : consultez l'onglet d'accessibilité des outils de développement de votre navigateur, qui fournit les informations d'accessibilité pour l'élément actuellement sélectionné.
Calcul de la description accessible
Pour les éléments HTML, s'il n'a pas de description accessible, celle‑ci doit être associée de façon programmatique à l'élément lié. Le modèle d'objet d'accessibilité (AOM) calcule la description accessible en vérifiant ces caractéristiques, dans l'ordre, jusqu'à ce qu'elle soit définie :
- l'attribut
aria-describedby. - l'attribut
aria-description. - Les caractéristiques spécifiques à la langue qui participent au calcul de la description si la caractéristique n'est pas déjà utilisée pour définir le nom accessible. Par exemple :
- Un
<summary>est décrit par le contenu du<details>dans lequel il est imbriqué. - Les boutons
<input>(avec l'attribut typebutton,submitoureset) sont décrits par la valeur de leur attributvalue. - En SVG, le contenu de l'élément
<desc>, s'il est présent, sinon, le texte contenu dans les éléments descendants contenant du texte (c'est‑à‑dire<text>), s'ils ne sont pas déjà utilisés pour le nom accessible.
- Un
- Si aucune des options précédentes ne fournit une description, l'attribut
titleest utilisé, si letitlen'est pas le nom accessible de cet élément. - Si aucune des options précédentes ne définit une description accessible, la description accessible est vide.
Les étapes de définition de la description accessible en HTML sont décrites dans la Description Accessible HTML-AAM (angl.). La description accessible des éléments SVG suit les mêmes étapes avec de petites différences énumérées dans la Description Accessible SVG-AAM (angl.).
Voir aussi
- Calcul du nom et de la description accessibles 1.2 (accname) (angl.)
- Accessibilité
- Apprendre l'accessibilité
- Accessibilité du Web sur Wikipedia
- Accessibilité Web en tête (angl.)
- ARIA
- Initiative W3C pour l'accessibilité Web (WAI) (angl.)
- Applications Riches d'Internet Accessible (WAI-ARIA) (angl.)
- Termes de glossaire connexes :