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] > 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] > 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 list [email protected] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
