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. [image: --] Olivier Nourry [image: http://]about.me/oliviernourry <http://about.me/oliviernourry> Le 21 avril 2016 à 10:45, Cyril Lamotte <[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 > > [image: Jouve] <http://www.jouve.com/fr> > 1, rue du docteur Sauvé, 53101 Mayenne CEDEX > www.jouve.com > [image: Twitter] <https://twitter.com/GroupeJouve> [image: Google +] > <https://plus.google.com/103316327091227322721/posts> [image: LinkedIn] > <http://www.linkedin.com/company/groupe-jouve> [image: Viadeo] > <http://www.viadeo.com/v/company/jouve?ga_from=Fu:undefined;Fb%3Amininews%3Bfe%3AMN-pic%0A%0A%3BMNType%3A46> > [image: > Jouve] <http://www.jouve.com/fr/signatureITS> > > > > _______________________________________________ > 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
