AccessiaDes éléments sont mal annoncés aux lecteurs d'écran
Un élément déclaré comme entrée de menu sans menu autour, ou un carrousel déclaré comme liste sans éléments de liste : le lecteur d'écran annonce une structure qui n'existe pas.
Qui est gêné
Les utilisateurs de lecteurs d'écran, à qui l'on décrit une navigation ou une liste introuvable. C'est plus déroutant qu'une absence d'information.
D'où vient le problème
Le thème, y compris les thèmes officiels de Shopify. Parfois une application tierce, notamment les listes de souhaits et les carrousels.
Comment corriger
- Le plus souvent, la bonne correction consiste à retirer le rôle ARIA plutôt qu'à l'entourer d'une structure : un menu de navigation classique n'a pas besoin de role="menu".
- Pour un carrousel déclaré role="list", soit retirez le rôle, soit assurez-vous que ses enfants directs portent role="listitem".
- Testez ensuite avec un lecteur d'écran, ou faites relancer une analyse.
À savoir. Si le défaut vient d'un thème officiel Shopify, ne modifiez pas son code : la correction serait écrasée à la prochaine mise à jour. Signalez-le au support et conservez la trace de votre signalement.
Référence
Critères concernés : RGAA 7.1, WCAG 4.1.2.
Identifiant de la règle dans les outils d'analyse :
aria-required-parent.
Accessia détecte ce défaut sur les pages publiques d'une boutique Shopify, indique s'il vient du contenu, du thème ou d'une application tierce, et compte le nombre d'occurrences.