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 <[email protected]> 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 <[email protected]> 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 <[email protected]> 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, <[email protected]> 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" <[email protected]> >>>> À: "liste gta" <[email protected]> >>>> 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 < <[email protected]> >>>> [email protected] > 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, [email protected] 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" < [email protected] > >>>> À: "liste gta" < [email protected] > >>>> 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é >>>> >>>> >>>> [email protected] >>>> >>>> >>>> 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 < <[email protected]> >>>> [email protected] > 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é >>>> >>>> >>>> [email protected] >>>> >>>> >>>> 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 >>>> [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 >>>> >>>> >>>> _______________________________________________ >>>> 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 >>>> >>>> _______________________________________________ >>>> 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 >>>> >>>> >>>> >>>> _______________________________________________ >>>> 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 >>>> >>> >>> >>> >>> -- >>> >>> *Ariane Andurand* >>> >>> *Experte CMS Joomla! depuis 2008* >>> >>> *Membre du GTA depuis 2011* >>> >>> @ArianeWedesign >>> >>> >>> >>> >>> _______________________________________________ >>> liste_gta mailing >>> [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 >>> >>> >> >> _______________________________________________ >> 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 > >
_______________________________________________ liste_gta mailing list [email protected] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
