Identifiant aria-details manquant
Silktide vérifie chaque attribut aria-details sur vos pages et s’assure que l’identifiant d’élément vers lequel il pointe existe réellement. Cet attribut relie un élément à une explication plus complète ailleurs sur la page, par exemple un graphique relié à son tableau de données sous-jacent.
<!-- Problème : aucun élément sur la page n’a id="sales-table" -->
<img src="chart.png" alt="Ventes par trimestre" aria-details="sales-table">
Pourquoi c’est important
L’attribut aria-details promet aux utilisateurs de
une
description plus riche vers laquelle ils peuvent naviguer — les données complètes derrière un graphique, les
termes derrière un résumé. Lorsque la référence est rompue, un
annonce que des détails
existent mais ne peut emmener l’utilisateur nulle part, ce qui est plus déroutant que
de ne fournir aucun détail.
Comment corriger
- Faites en sorte que l’attribut référence l’
idd’un véritable élément sur la même page, de préférence visible afin que chaque utilisateur puisse y accéder. - Si le contenu détaillé a été supprimé, supprimez l’attribut
aria-detailsen même temps. - Pour une brève description textuelle plutôt qu’un contenu riche, envisagez
plutôt
aria-describedby, qui lit directement le texte.
Comment Silktide teste cela
- Rechercher chaque élément de la page avec un attribut
aria-details. - Comparer l’ID référencé aux identifiants d’éléments présents sur la page.
- Signaler chaque référence qui ne correspond à aucun élément.
Dépannage
Ce contrôle ne signale rien alors que je m’attends à des signalements
Les tests ARIA peuvent être désactivés pour chaque site web. Vérifiez les paramètres avancés du site.