ID aria-activedescendant manquant

Silktide vérifie chaque attribut aria-activedescendant sur vos pages et confirme que l’ID de l’élément vers lequel il pointe existe bien. Cet attribut indique aux quel élément, à l’intérieur d’un widget tel qu’une liste déroulante, est actuellement en surbrillance.

<!-- Problème : aucun élément de la page n’a id=\"opt-2\" -->
<ul role=\"listbox\" aria-activedescendant=\"opt-2\">
  <li role=\"option\" id=\"opt-1\">Première option</li>
</ul>

Pourquoi c’est important

Des widgets comme des listes déroulantes personnalisées, des zones de liste combinée et des grilles conservent le sur le conteneur et utilisent l’attribut aria-activedescendant pour indiquer quel élément interne est actif. Lorsque la référence pointe vers un ID qui n’existe pas, un utilisateur de n’entend rien en parcourant les options - le widget semble n’avoir aucune sélection, ce qui le rend inutilisable sans la vue.

Comment corriger

Faites en sorte que l’attribut référence l’id de l’élément actuellement actif et mettez-le à jour au fur et à mesure que l’utilisateur parcourt le widget.
Si le widget réaffiche ses éléments, assurez-vous que les nouveaux éléments conservent des identifiants stables, ou mettez à jour aria-activedescendant dans la même étape.
Supprimez l’attribut si le widget n’existe plus ou s’il gère directement le focus à la place.

Comment Silktide teste cela

Rechercher chaque élément de la page possédant un attribut aria-activedescendant.
Comparer l’ID référencé aux identifiants d’élément présents sur la page.
Signaler chaque référence qui ne correspond à aucun élément.

Dépannage

La cible est créée plus tard par un script

Silktide teste la page lors de son chargement. Si l’élément référencé n’existe qu’après une interaction utilisateur, la référence reste invalide entre-temps - définissez aria-activedescendant uniquement une fois que sa cible existe.

Ce contrôle ne signale rien alors que je m’attends à des problèmes

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