ID aria-owns manquant

Silktide vérifie chaque attribut aria-owns de vos pages et confirme que les ID d’éléments qu’il répertorie existent réellement. Cet attribut adopte des éléments situés ailleurs sur la page comme enfants d’un widget, même si le code les place à un autre endroit.

<!-- Problème : aucun élément de la page n’a id="menu-items" -->
<div role="menu" aria-owns="menu-items">…</div>

Pourquoi c’est important

L’attribut aria-owns d’ reconfigure l’ : les éléments qu’il référence sont traités comme des enfants de l’élément propriétaire, peu importe leur emplacement dans le code. Lorsqu’une référence est rompue, cette greffe échoue silencieusement : un menu ou une arborescence peut sembler complètement vide pour un , même si ses éléments sont clairement visibles à l’écran. Puisque rien ne semble incorrect visuellement, ces problèmes ont tendance à passer inaperçus jusqu’à ce que quelqu’un effectue un test avec une .

Comment corriger le problème

Assurez-vous que chaque ID indiqué dans aria-owns correspond à l’attribut id d’un véritable élément sur la même page.
Si le contenu possédé a été déplacé ou renommé, mettez à jour la référence dans la même modification; ou mieux encore, restructurez le code afin que les enfants se trouvent naturellement dans leur parent et que aria-owns ne soit pas nécessaire.
Assurez-vous qu’aucun élément n’est possédé deux fois : un id ne peut apparaître que dans un seul attribut aria-owns sur la page.

Comment Silktide effectue cette vérification

Repère chaque élément de la page ayant un attribut aria-owns.
Vérifie chaque ID auquel il fait référence par rapport aux ID d’éléments présents sur la page.
Signale chaque référence qui ne correspond à aucun élément.

Dépannage

L’élément possédé est créé plus tard par un script

Silktide teste la page au moment de son chargement. Si le contenu possédé n’existe qu’après une interaction de l’utilisateur, le widget est annoncé comme vide jusque-là; affichez le contenu masqué dès le départ ou définissez aria-owns une fois qu’il existe.

Cette vérification ne signale rien, même si 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.