Bonjour Antoine, J’aurais tendance à dire que dans l’absolu, le mieux est de partir d’un véritable bouton (<button type=button>Menu</button>), dont tu peux masquer le libellé de manière à ce qu’il soit perceptible par les lecteurs d’écran. Pour cela tu peux utiliser la classe CSS détaillée ici: www.ffoodd.fr/cache-cache-css/ <http://www.ffoodd.fr/cache-cache-css/> Ça donnerait <button type=button><span class=‘sr-only’>Menu</span></button>
Si c’est difficile de modifier le code HTML directement, tu as toujours la possibilité de faire un remplacement à la volée en JS. Un article très intéressant et très complet sur les différents types de boutons menus (en anglais): https://inclusive-components.design/menus-menu-buttons/ <https://inclusive-components.design/menus-menu-buttons/> Je ne sais pas si j’ai répondu à ta demande? > Le 24 janv. 2018 à 12:22, Antoine Bouet Access > <[email protected]> a écrit : > > Bonjour la liste > > Je m'attaque à un sujet qui fâche, le Burger Menu (de la Mort). > Déjà pas convaincu à la base par le concept, je dois néanmoins faire avec sur > un site et je souhaiterai le rendre accessible. > > Pour le moment, c'est juste un lien vide (!) avec une classe CSS et un > aria-label, sûrement là comme cache misère... > Je souhaiterai ajouter (au minimum) un libellé ("MENU" irait bien), ce qui > rendrait service à tout le monde. > > Mais d'un point de vue technique, quel est la meilleure manière de procéder ? > > - Javascript qui ajoute le texte avec un CSS le rendant "joli" ? > - Solution Full CSS en jouant sur les "after" ou "before" ? > - Directement modifier la génération du code HTML (mais là, ce sera plus > compliqué malheureusement...) > > Est-ce que quelqu'un a déjà planché sur le sujet ? > > Merci d'avance et bon appétit pour cette pause de midi ! > > > <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail> > Garanti sans virus. www.avast.com > <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail> > > <x-msg://94/#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>_______________________________________________ > liste_gta mailing list > [email protected] > http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________ liste_gta mailing list [email protected] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
