Bonjour Marc-Etienne, L'élément menu est effectivement absent de la spécification HTML 5 mais présent dans le Working Draft de HTML 5.1 : https://www.w3.org/TR/html51/
Il me semble n'avoir jamais vu cet élément menu dans la spécification HTML 5 du W3C, de l'avoir toujours vu dans le HTML LS mais jamais entendu parlé d'un abandon. Romain Le 2 mai 2016 à 10:36, Vargenau, Marc-Etienne (Nokia - FR) < marc-etienne.varge...@nokia.com> a écrit : > 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> 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! >> >> >> >> >> [image: --] >> Olivier Nourry >> [image: http://]about.me/oliviernourry >> <http://about.me/oliviernourry> >> >> >> Le 21 avril 2016 à 17:13, Steven Mouret <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> 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> 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> >>>>> À: "liste gta" <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 < <anth...@ladeuil.com> >>>>> 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 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 > >>>>> À: "liste gta" < 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 >>>>> >>>>> >>>>> 02 43 08 39 97 >>>>> >>>>> Jouve >>>>> 1, rue du docteur Sauvé, 53101 Mayenne CEDEX >>>>> 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 < <clamo...@jouve.fr> >>>>> 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 >>>>> >>>>> >>>>> 02 43 08 39 97 >>>>> >>>>> Jouve >>>>> 1, rue du docteur Sauvé, 53101 Mayenne CEDEX >>>>> www.jouve.com >>>>> Twitter Google + LinkedIn ViadeoJouve >>>>> >>>>> >>>>> >>>>> >>>>> _______________________________________________ >>>>> liste_gta mailing list >>>>> 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 >>>>> >>>>> >>>>> _______________________________________________ >>>>> liste_gta mailing list 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 >>>>> >>>>> _______________________________________________ >>>>> liste_gta mailing list >>>>> 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 >>>>> >>>>> >>>>> >>>>> _______________________________________________ >>>>> liste_gta mailing list >>>>> 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 >>>>> >>>> >>>> >>>> >>>> -- >>>> >>>> *Ariane Andurand* >>>> >>>> *Experte CMS Joomla! depuis 2008* >>>> >>>> *Membre du GTA depuis 2011* >>>> >>>> @ArianeWedesign >>>> >>>> >>>> >>>> >>>> _______________________________________________ >>>> liste_gta mailing >>>> listliste_gta@list.accessiweb.orghttp://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 >>>> >>>> >>> >>> _______________________________________________ >>> liste_gta mailing list >>> 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 >> >> > > _______________________________________________ > liste_gta mailing list > 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