Les éléments select doivent avoir un nom accessible

La règle teste chaque <select> que les technologies d’assistance peuvent atteindre ; une liste déroulante masquée avec display: none est ignorée. Un <select> réussit avec l’une de ces sources :

• un <label> englobant qui contient son propre texte
• un <label> avec du texte, dont le for correspond à l’id du <select>
• un aria-label avec du texte, un aria-labelledby qui aboutit à du texte, ou un title avec du texte
• role="none" ou role="presentation", mais seulement sur un <select> qui ne peut pas recevoir le focus, par exemple un <select> désactivé

Le texte des options ne compte jamais : un <label> ou un aria-labelledby dont le seul texte provient des options du <select> lui-même échoue.

Un <label for> masqué aux technologies d’assistance met le <select> en échec, sauf si une autre source le nomme malgré tout. Une étiquette masquée visuellement, mais que les lecteurs d’écran peuvent lire, est acceptée.

Quand aucune source ne nomme le <select> et que l’un de ces contrôles ne peut pas aboutir, le résultat va dans la liste « à examiner » d’axe-core, que le scanner de Validiscan ne transforme pas en constats pour l’instant. La règle ne juge pas si le nom indique au client ce qu’il choisit.