Bonjour, A ma connaissance, la balise <menu> n'existe pas en HTML5 tel que normalisé par le W3C : https://www.w3.org/TR/html5/
Elle faisait partie des brouillons de norme, mais n'a pas été retenue dans la version finale. Cordialement, Marc-Etienne -- Marc-Etienne Vargenau marc-etienne.varge...@nokia.com Nokia, Route de Villejust, 91620 NOZAY, FRANCE +33 1 60 40 28 33 OnNet 2103 2833 ________________________________ De : liste_gta [liste_gta-boun...@list.accessiweb.org] de la part de EXT Romain Gervois [cont...@romaingervois.fr] Envoyé : samedi 23 avril 2016 18 h 41 À : GTA Objet : Re: [Liste GTA] Structure Fil d'Ariane Bonjour, En fait, l'élément menu existe : il permet de faire des menus applicatifs au sens large ou de gérer des menus contextuels. Donc bien sur non adapté à un fil d'ariane. Concernant une implémentation "à plat" ou via liste du fil d'ariane, il me semble que le seul critère de décision peut être celui de la lourdeur en terme de restitution. Je suis pro implémentation "à plat" mais je ne suis pas gêné par une implémentation via liste ordonnée bien réalisée (ul non adaptée). La notion de hiérarchie est une lecture possible pour un fil d'ariane. Personnellement, je considère qu'on est dans une suite d'étapes pour atteindre un document d'où ma tolérance à une liste ordonnée. Cette deuxième lecture est applicable et compatible également dans des cas où un document peut se trouver dans des parcours de navigation différents. Enfin, concernant l'implémentation via nav, il s'agit pour moi d'une question de pertinence, de contexte et du poids que l'on souhaite donner à cet élément d'interface. Autant sur un site Web classique, cela me semble inutile et potentiellement problématique. Autant dans le contexte d'une application Web métier plus ou moins, cela peut avoir un vrai intérêt. Romain Le 22 avril 2016 à 13:26, Olivier Nourry <olv.nou...@gmail.com<mailto:olv.nou...@gmail.com>> a écrit : Salut Steven, Arf, l'exemple WCAG qui tue!! Bon visiblement ils sont pas d'accord avec moi. Je trouve un peu bidon l'argument de donner à l'utilisateur un numéro d'item via la structure UL, je ne vois pas trop ce que cela apporte de savoir que l'on est sur l'item n°3, sous entendu 3ème niveau d'arbo, dans ce cas de figure. Je ne dis pas que ça ne sert à rien du tout, mais mis en balance avec le surplus de vocalisation, je ne suis pas certain que c'est gagnant. On a eu l'avis de Sylvie (qui penchait pour la succession de liens à plat), d'autres avis seraient bienvenus! Sur la balise NAV, pareil, je suis circonspect. En fait il y a peut-être une divergence WCAG/RGAA ici. Car tel que c'est rédigé dans le RGAA (critère 9.2 notamment), pour moi NAV est l'apanage des menus, exclusivement. Or, si la balise <menu> existait, il ne me viendrait pas à l'idée de la mettre sur un fil d'Ariane... Car en soi ce n'est pas un menu dans le sens: liste exhaustive des liens d'une section donnée. On peut le voir sous un autre angle: si j'ai, mettons, un plan de site et un fil d'Ariane, et rien d'autre, je ne validerai pas le critère 12.1 ("au moins 2 systèmes de navigation"), considérant que le fil d'Ariane ne répond pas au besoin d'un système de navigation me permettant de parcourir l'ensemble du site (fonctionnellement c'est juste un rappel de la position courante, et parfois il n'y a même pas de liens). Si je veux rester cohérent avec cette position (qui parait logique), je ne peux pas considérer le fil d'Ariane comme un menu de navigation. Mais bon, j'ai peut-être juste mal compris la nuance menu/barre de navigation! <http://about.me/oliviernourry> Olivier Nourry about.me/oliviernourry Le 21 avril 2016 à 17:13, Steven Mouret <steven.mou...@gmail.com<mailto:steven.mou...@gmail.com>> a écrit : Plutôt d'accord pour la liste ordonnées, trop verbeux et ça n'apporte pas grand chose finalement comme le précise Sylvie et Olivier. Pour le title, je me demande toujours si tous les utilisateurs comprennent qu'on est sur une page en cours si on ne met pas le lien. Sylvie je veux bien ton retour sur ce point. Par contre pour le role navigation, pour moi le fil d'Ariane est une navigation à part entière. La fonction première et d'indiquer ou l'on se trouve mais il permet aussi de remonter dans l'arborescence du site. Le W3C explique bien ce qu'il ne faut pas faire dans l'exemple 3 :D (sourire) https://www.w3.org/TR/WCAG-TECHS/G65.html -- Steven Mouret Le 21 avril 2016 à 17:03, Sylvie Duchateau <sduchat...@access42.net<mailto:sduchat...@access42.net>> a écrit : Bonjour Ariane, Merci pour ton fil :-) Si la "page en cours" est un lien, ça peut être utile de préciser qu'il s'agit de la page actuelle. Si le lien est désactivé, pas la peine de dire qu'il s'agit de la page en cours. Le souci avec les listes ordonnées, cela fait un truc en plus à lire pour le lecteur d'écran, donc encore plus d'info vocalisée. Sylvie Le 21/04/2016 à 16:12, Ariane Andurand a écrit : Pour faire sourire Sylvie ;-) ... voilà Ariane qui s'en mêle ! title="dolor (page en cours)" >> est-ce bénéfique le "page en cours" côté utilisateur j'entends ? Le 21 avril 2016 à 15:56, <san...@free.fr<mailto:san...@free.fr>> a écrit : ... mais sémantiquement fort à propos :) en revanche la liste de définition, c'est beurk, à ne pas utiliser, un fil d'ariane n'est pas une liste de définition ! a+ Vincent just on time this time ! ----- Mail original ----- De: "Steven Mouret" <steven.mou...@gmail.com<mailto:steven.mou...@gmail.com>> À: "liste gta" <liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org>> Envoyé: Jeudi 21 Avril 2016 15:34:50 Objet: Re: [Liste GTA] Structure Fil d'Ariane Pour ma part, j'utilise cette structure : <nav class="breadcrumb" role="navigation" aria-label="Position de la page dans le site"> <p id="breadcrumbLabel">Vous êtes ici : </p> <ol aria-labelledby="breadcrumbLabel"> <li><a href="/">Accueil</a></li> <li><a href="#">lorem</a></li> <li><a href="#">ipsum</a></li> <li title="dolor (page en cours)" class="active">dolor</li> </ol> </nav> Un peu verbeux. -- Steven Mouret Le 21 avril 2016 à 15:25, Anthony Ladeuil < <mailto:anth...@ladeuil.com> anth...@ladeuil.com<mailto:anth...@ladeuil.com> > a écrit : Hello tout le monde Pour ma part j'aime bien utiliser la structure suivante : <dl> <dt>Vous êtes ici : </dt> <dd> <a href="/home">accueil</a> </dd> <dd> <a href="/lorem">lorem</a> </dd> <dd> lorem ipsum </dd> </dl> Ca peut faire hurler (ou pas) mais j'y trouve mon compte pour la mise en forme... Du coup, je veux bien des avis :) Anthony Le 21 avr. 2016 à 12:58, san...@free.fr<mailto:san...@free.fr> a écrit : hello, moi j'aime sémantiquement que mes liens soient en ol/li, une liste ordonnée, ça le fait , non ? Je veux bien des retours d'utilisateurs sur l'emploi d'une liste ordonnée ! avec le "vous êtes ici" devant sans titre, en effet. vincent qui arrive après le train ! ----- Mail original ----- De: "Cyril Lamotte" < clamo...@jouve.fr<mailto:clamo...@jouve.fr> > À: "liste gta" < liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> > Envoyé: Jeudi 21 Avril 2016 11:51:39 Objet: Re: [Liste GTA] Structure Fil d'Ariane Ok je pars là-dessus alors ! Succession de liens avec "vous êtes ici" devant (pas dans un titre). Merci Cyril Lamotte Développeur Front-end / Référent accessibilité clamo...@jouve.fr<mailto:clamo...@jouve.fr> 02 43 08 39 97<tel:02%2043%2008%2039%2097> Jouve 1, rue du docteur Sauvé, 53101 Mayenne CEDEX www.jouve.com<http://www.jouve.com> Twitter Google + LinkedIn ViadeoJouve Le 21/04/2016 11:38, Sylvie Duchateau a écrit : Bonjour Cyril, Olivier et tous, Je pense qu'un h2 « vous êtes ici » n'est pas nécessaire. Fil d'Ariane, non plus, ceux qui ne connaissent pas les recommandations se demanderont ce qu'Ariane vient faire là-dedans. Vous êtes ici me paraît parlant. Je suis d'accord avec Olivier sur la « bête succession de liens ». Bonne journée Sylvie Le 21/04/2016 à 11:17, Olivier Nourry a écrit : Bonjour Cyril, Il n'y a aucune structure HTML qui corresponde à un fil d'Ariane, et à vrai dire, je ne vois pas trop ce que l'on pourrait faire de mieux qu'une bête succession de liens comme l'exemple que tu donnes. D'ailleurs ni la spec HTML, ni les design patterns ARIA ne le prévoient, malgré le coté très répandu de la pratique. Sans doute un signe qu'il n'y a pas besoin de structure particulière. Je ne recommande en tout cas pas la liste non ordonnée, ça ne colle pas avec le fait que les éléments ne sont pas interchangeables, et ne sont pas du même "niveau". Du coup on pourrait penser à des UL ou OL imbriquées à 1 élément, mais en lecture vocale ça serait franchement lourdingue, et pas pratique du tout. Sinon peut-être optimiser la restitution en rendant les séparateurs non vocalisés (role=presentation par exemple). Le H2 me parait excessif pour la plupart des cas, ça fait un point d'arrêt dans l'arborescence en plus qui ne se justifie pas franchement. J'aurais juste mis le tout (incluant "vous êtes ici") dans un conteneur avec un id. Si le masquage est fait correctement (contenu hors viewport), il reste trouvable avec CTRL+F, ça permet de le retrouver facilement si on est déjà passé dessus. Tant qu'à le masquer, autant avoir un libellé plus spécifique: "localisation" ou "fil d'Ariane" (le second est un terme technique, mais au moins il ne peut pas être confondu avec autre chose. Juste mes deux centimes.... Sur tous ces points d'amélioration UX, je suis preneur de l'avis d'utilisateurs de lecteurs d'écran pour ce qui est le plus agréable ou pratique. -- Olivier Nourry http://about.me/oliviernourry Le 21 avril 2016 à 10:45, Cyril Lamotte < <mailto:clamo...@jouve.fr> clamo...@jouve.fr<mailto:clamo...@jouve.fr> > a écrit : Bonjour la Liste, Comment structureriez-vous un fil d'Ariane et mettriez-vous un titre juste avant ? Dans Drupal, le code généré par défaut est celui-ci, le jugez-vous correct ? : <h2>Vous êtes ici</h2> (titre masqué) <div class="breadcrumb"> <a ...>Rubrique</a> <a..>Titre</a> </div> Ou feriez-vous une liste ul / li ? Ou autre.. ? Merci à vous ! -- Cyril Lamotte Développeur Front-end / Référent accessibilité clamo...@jouve.fr<mailto:clamo...@jouve.fr> 02 43 08 39 97<tel:02%2043%2008%2039%2097> Jouve 1, rue du docteur Sauvé, 53101 Mayenne CEDEX www.jouve.com<http://www.jouve.com> Twitter Google + LinkedIn ViadeoJouve _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org -- Ariane Andurand Experte CMS Joomla! depuis 2008 Membre du GTA depuis 2011 @ArianeWedesign _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org<mailto:liste_gta@list.accessiweb.org> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org