2.5.3 Etiquette dans le nom (A)

Si un bouton, un lien ou un autre élément d'interface contient du texte visible à l'écran, le " nom " de cet élément doit contenir au moins le même texte que le texte affiché. 

Par "nom" - nom ou nom accessible - WCAG désigne le texte qui est utilisé par le logiciel d'aide sous-jacent pour identifier un élément. Il est souvent identique à ce qui est affiché à l'écran, mais pas toujours.

Le nom peut, par exemple, être dérivé de l'attribut alt d'une image ou d'un attribut aria-label. Iest l ne faut pas confondre ce nom avec l'attribut de nom qu'offre HTML (il utilisé uniquement à des fins internes).

Il s'agit du texte qu'un lecteur d'écran lit et qui est utilisé par un programme de reconnaissance vocale pour reconnaître la saisie vocale.

Cet article explique plus en détail le concept de nom accessible.

Exemple : si un bouton porte l'inscription visuelle " Dossier de commande ", mais que le nom sous-jacent est " Demande de brochure ", alors un programme de reconnaissance vocale ne comprendra pas l'utilisateur s'il dit " Cliquer sur le dossier de commande " :

<a href=”commande.html”>
<img alt=”Demande de brochure src=”folder-bouton.png”>
<!-- Le bouton folder-bouton.png porte l’inscription visuelle ‘Dossier de commande’ -->
</a>