ID aria-details manquant

Silktide vérifie chaque attribut aria-details sur vos pages et confirme que l’ID de l’élément auquel il fait référence existe réellement. Cet attribut relie un élément à une explication plus complète ailleurs sur la page, par exemple un graphique lié à son tableau de données sous-jacent.

<!-- Problème : aucun élément de 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 aria-details promet aux utilisateurs de technologies d’assistance 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 lecteur d’écran annonce que des détails existent mais ne peut mener l’utilisateur nulle part, ce qui est plus déroutant que de ne fournir aucun détail.

Comment corriger

1. Faites en sorte que l’attribut référence l’id d’un véritable élément sur la même page, de préférence visible afin que tous les utilisateurs puissent y accéder.
2. Si le contenu détaillé a été supprimé, supprimez l’attribut aria-details en même temps.
3. Pour une brève description textuelle plutôt qu’un contenu riche, envisagez d’utiliser aria-describedby à la place, qui lit le texte directement.

Comment Silktide teste ceci

1. Rechercher chaque élément de la page possédant un attribut aria-details.
2. Vérifier l’ID auquel il fait référence par rapport aux ID d’éléments présents sur la page.
3. Signaler chaque référence qui ne correspond à aucun élément.

Dépannage

Cette vérification ne signale rien alors que je m’attends à des résultats

Les tests ARIA peuvent être désactivés pour chaque site Web. Vérifiez les paramètres avancés du site Web.

En savoir plus

• ID aria-describedby manquant
• ID aria-controls manquant
• aria-details (MDN)
• WCAG 2.2 : Comprendre l’information et les relations