Description détaillée (image)
Contenu associé à une image en complément de son alternative textuelle afin de décrire en totalité l’information véhiculée par l’image. La description détaillée peut être associée à l’image via :
- Un attribut
longdescqui contient l’adresse d’une page ou d’un emplacement dans la page contenant la description détaillée ; - Une référence à une description détaillée adjacente à l’image dans l’alternative textuelle ;
- Un lien ou un bouton adjacent qui permet d’accéder à la description détaillée dans la page ou dans une autre page ;
- Un ou plusieurs passages de texte identifiés par un id et liés par un attribut WAI-ARIA
aria-describedbysur le modèlearia-describedby="ID1 ID2 ID3…".
Note 1 : Si le support de l’attribut aria-describedby fait défaut, il est possible d’utiliser un ou plusieurs passages de texte identifiés par un id et liés par un attribut WAI-ARIA aria-labelledby à la suite de l’alternative textuelle.
Note 2 : Pour assurer une compatibilité maximum avec les agents utilisateurs, notamment Internet Explorer 11, il est recommandé d’implémenter un tabindex="-1" sur les balises qui contiennent un passage de texte et qui ne sont pas des éléments interactifs (bouton, liens, éléments de formulaires, etc.).
Critères qui lient vers ce terme :
- 1.6 Chaque image porteuse d’information a-t-elle, si nécessaire, une description détaillée ?
- 1.7 Pour chaque image porteuse d’information ayant une description détaillée, cette description est-elle pertinente ?
Tests qui lient vers ce terme :
Définitions citées
- Lien ou bouton adjacent
Lien ou bouton présenté de manière adjacente à un élément dans la page. Le lien ou bouton doit être adjacent visuellement dans la représentation graphique (CSS activé) et dans le code HTML. Dans le code HTML, le lien ou bouton doit se situer juste avant ou juste après l’élément auquel il est adjacent.