Rôle ARIA invalide

Silktide vérifie chaque attribut role sur vos pages par rapport à la liste des rôles que la norme ARIA définit. Un rôle mal orthographié, inventé, vide ou réservé à un usage interne est ignoré silencieusement par les navigateurs, de sorte que le sens prévu de l’élément n’atteint jamais les personnes qui en dépendent.

<!-- Problème : "buton" n’est pas un rôle réel, donc cette div reste dénuée de sens -->
<div role="buton" tabindex="0">Enregistrer</div>

<!-- Correctif : utiliser un rôle valide (ou mieux, un véritable élément button) -->
<button>Enregistrer</button>

Pourquoi c’est important

Un rôle indique aux ce qu’est un élément — un bouton, un onglet, une boîte de dialogue. Quand le rôle est invalide, les navigateurs l’ignorent : un utilisateur de n’entend que du texte brut là où l’auteur visait un contrôle et peut ne pas savoir que l’élément est interactif. Comme la page semble et fonctionne normalement pour les utilisateurs voyants qui utilisent la souris, ces erreurs passent inaperçues sans tests.

Comment le corriger

Corrigez les fautes d’orthographe pour que la valeur corresponde à un véritable rôle ARIA (liste complète) — par exemple role="navigation", et non role="nav".
Remplacez les rôles abstraits (widget, composite, landmark, section, et similaires) par un rôle concret — les rôles abstraits servent uniquement à structurer la norme et ne doivent pas être utilisés dans les pages.
Supprimez les attributs vides role="".
Lorsque un élément natif porte la bonne sémantique (<button>, <nav>, <main>), préférez-le et retirez complètement l’attribut role.

Comment Silktide teste ceci

Repérer tous les éléments de la page qui ont un attribut role.
Signaler les valeurs de rôle vides.
Vérifier chaque mot de la valeur de role par rapport aux rôles définis par ARIA 1.2. Les rôles des extensions édition numérique (doc-) et graphiques (graphics-) sont acceptés.
Signaler les mots qui ne correspondent à aucun rôle défini, ainsi que ceux qui désignent un rôle abstrait.

Dépannage

Le rôle contient plusieurs mots

Un attribut role peut lister plusieurs rôles de repli; les navigateurs utilisent le premier qu’ils reconnaissent. Silktide signale chaque mot invalide ou abstrait de la liste afin que vous puissiez aussi nettoyer les valeurs de repli.

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

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