Ce que vérifie cette règle
Vérifier que l’élément 'select' a un nom accessible.
Pourquoi c’est important
Le critère WCAG 4.1.2 exige que les listes déroulantes aient un nom accessible.
Comment corriger
- Ajoutez un élément <label> associé à la liste, ou un aria-label comme aria-label="Sort by".
Comment vérifier la correction
- Analysez à nouveau les pages de collection et les fiches produit.
Comment FixReports le détecte
Notre analyse exécute la règle axe-core select-name dans un vrai navigateur Chrome sur chaque page testée, et signale chaque élément en échec avec sa page, son balisage et, le cas échéant, une capture d’écran.
Un test automatisé confirme la présence de ce problème précis. Il ne peut pas dire si le reste de la page est accessible : certains obstacles n’apparaissent que lorsqu’une personne vérifie la page.