Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Barrierefreiheit
Pourquoi la description visible doit-elle figurer dans le nom stocké ?
La description visible d'un élément de contrôle doit figurer dans son nom stocké, lisible par machine, car les utilisateurs de la commande vocale parlent ce qu'ils voient : Celui qui dit « Cliquez sur Envoyer » n'atteint le bouton que si son nom stocké contient le mot « Envoyer ». Si le nom invisible diffère, la commande vocale s'éteint. Le critère WCAG 2.5.3 « Description dans le nom » prévient exactement cette divergence.
Le texte visible et le nom stocké peuvent diverger
Chaque élément de contrôle porte à côté du texte visible un nom lisible par machine que les lecteurs d'écran et la commande vocale utilisent. Normalement, les deux sont identiques. Ils divergent quand les développeurs écrasent intentionnellement le nom dans le code source — souvent avec une bonne intention pour donner aux lecteurs d'écran plus de contexte. Exemple : Le bouton affiche « Demander une offre », le nom stocké dit « Ouvrir le formulaire de contact ». Un utilisateur de commande vocale dit « Cliquez sur Demander une offre » — et rien ne se passe car un élément portant ce nom n'existe pas pour le logiciel. La règle est simple : Le nom stocké peut compléter, mais doit contenir le texte visible, de préférence en premier lieu.
Comment le service de contrôle vérifie la description dans le nom
La mesure trouve tous les liens et boutons dont le nom dans le code source a été écrasé et compare le texte visible avec le nom stocké. Si le texte visible manque complètement du nom, le critère est considéré comme enfreint — le rapport nomme l'élément et les deux textes. La mesure traite les cas limites avec prudence : Si les premiers mots de la description se trouvent dans le nom, seul le texte ultérieur diffère, le rapport note un cas d'examen manuel au lieu d'une violation. Les textes visibles très courts qui agissent comme un symbole — par exemple un « X » pour fermer — sont exempts selon le critère et ne sont pas imposés.
Beispiele
Hinterlegter Name ohne die sichtbare Beschriftung
<button aria-label="Absenden">Anfrage schicken</button><button>Anfrage schicken</button>
<!-- oder: aria-label="Anfrage schicken an den Vertrieb" -->Sprachsteuerung sagt „Klicke Anfrage schicken“. Der zugängliche Name muss den sichtbaren Text enthalten, am besten am Anfang.
- Demandez à votre agence de lister tous les noms écrasés dans le code source et de les comparer avec les descriptions visibles.
- Placez le texte visible au début du nom stocké ; les compléments le suivent.
- Renoncez aux noms écrasés où le texte visible dit déjà tout — pas de nom est mieux qu'un nom divergent.
- Testez par échantillonnage avec la commande vocale de votre téléphone : Dites le texte visible d'un bouton et vérifiez s'il réagit.