Ce que dit la norme
Pour les composants d'interface utilisateur comportant des étiquettes de texte ou de texte sous forme d'image, le nom contient le texte présenté visuellement.
Pourquoi c'est important
Les personnes qui commandent à la voix disent ce qu'elles voient. Si le bouton affiche « Envoyer » mais que son nom accessible est « Soumettre le formulaire », dire « clique Envoyer » ne fait rien.
À quoi ressemble un échec
- échoueUn bouton affichant « Rechercher » avec `aria-label="Soumettre"`.
- échoueUn `aria-label` qui remplace le texte visible au lieu de le compléter.
Comment corriger
- à faireCommencez le nom accessible par le texte visible : `aria-label="Rechercher des produits"` sur un bouton affichant « Rechercher ».
- à faireMieux encore : ne remplacez pas une étiquette visible.
Comment A11ySignal le vérifie
1 vérification automatique s'exécute sur ce critère à chaque analyse.
gravelabel-content-name-mismatchLe contenu textuel des éléments doit aussi se retrouver dans leur intitulé accessible