Construire un fil d'Ariane efficace - commentaires Construire un fil d'Ariane efficace 2018-02-08T10:12:55Z http://romy.tetue.net/accessible-location-breadcrumbs#forum7517 2018-02-08T10:12:55Z <p>@rakia : Google search reconnaît les propriétés <a href="http://schema.org/BreadcrumbList" class="external external auto" rel="nofollow external">http://schema.org/BreadcrumbList</a> (exemples de code en bas de page).</p> Construire un fil d'Ariane efficace 2015-10-19T15:25:35Z http://romy.tetue.net/accessible-location-breadcrumbs#forum6976 2015-10-19T15:25:35Z <p>Merci pour l'article et pour votre aide, encore une petite question : pour que le fil d'ariane s'affiche dans les résultats de recherches de Google est ce qu'il doit avoir un script spécifique ?</p> Construire un fil d'Ariane efficace 2014-03-06T18:30:42Z http://romy.tetue.net/accessible-location-breadcrumbs#forum5788 2014-03-06T18:30:42Z <p>Pour mettre à jour cet article, voici le code que j'adopte en HTML5 :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="html"><code><nav class="navpath"><img src="img/here.png" alt="Vous êtes ici :" class="here"> <a href="…" class="first">Accueil</a><span class="sep"> > </span><a href="…">Rubrique</a><span class="sep"> > </span><a href="…">Sous-rubrique</a><span class="sep"> > </span><strong class="on">Page courante</strong></nav></code></pre></div> Construire un fil d'Ariane efficace 2012-11-06T15:11:21Z http://romy.tetue.net/accessible-location-breadcrumbs#forum4203 2012-11-06T15:11:21Z <p>Thanks ! :-)<br class="manualbr" />Je vais creuser tout ça du coup (et par la même, découvrir cet Atalan dont j'entends parler pour la 2 ou 3ème fois en quelques jours, ca ne doit pas être un hasard ^^)</p> Construire un fil d'Ariane efficace 2012-11-06T12:19:40Z http://romy.tetue.net/accessible-location-breadcrumbs#forum4202 2012-11-06T12:19:40Z <p>Voici un article qui tombe à point, aujourd'hui sur le blog Atalan, pour te répondre et préciser les exigences en terme d'accessibilité : <strong><a href="http://blog.atalan.fr/fil-dariane-et-accessibilite-web/" class="external" rel="external">Fil d'Ariane et accessibilité</a></strong>.</p> <p><q>Les référentiels d'<i>accessibilité</i> ne demandent aucun balisage particulier pour structurer un fil d'Ariane. Malgré tout, selon nous, seules 2 solutions sont à retenir :</q></p> <ul class="spip"><li> liste non-ordonnée (balises <code><ul></code> et <code><li></code>), mais pas arborée (trop verbeuse en synthèse vocale) ;</li> <li> paragraphe (balise <code><p></code>), tout à fait convenable.</li> </ul> <p>D'un point de vue <i>structurel</i>, plusieurs choses me gênent dans l'utilisation d'un balisage en liste <code><ul></code> et <code><li></code> pour le fil d'Ariane :</p> <ul class="spip"><li> l'insertion des séparateurs (« > ») dans l'item <code><li></code> lui-même !</li> <li> la complexité (relative, certes) du balisage ;</li> <li> le rendu graphique par défaut, insatisfaisant, qui nécessite un coup de peinture CSS pour aligner les items à l'horizontale…</li> </ul> <p>Dans un souci de <i>maintenablité</i> (code distribué, par exemple squelettes standards de SPIP, et/ou travail d'équipe avec juniors et novices) le balisage en <code><p></code> est préférable : plus simple, immédiatement correct et satisfaisant sans style. Ça marche à tout coup !</p> <p>Et puis, d'un point de vue <i>sémantique</i> : un chemin n'est pas une liste !</p> <p>Le seul apport d'une structure en <code><ul></code> et <code><li></code>, pour l'accessibilité, semble être l'énoncé préalable du nombre d'items, qui donne une idée de la profondeur dans l'arborescence : est-ce fortement utile ou juste mélioratif ? <q cite="http://blog.atalan.fr/fil-dariane-et-accessibilite-web/#commentaires">une structure en p est largement suffisante. D'autant que chaque lien est généralement énoncé séparément par les lecteurs d'écran</q> répond Tanguy.</p> <p>Enfin, la balise <code><nav></code>, en HTML5, est appropriée mais pour l'instant sans effet.</p> Construire un fil d'Ariane efficace 2012-11-06T01:52:30Z http://romy.tetue.net/accessible-location-breadcrumbs#forum4200 2012-11-06T01:52:30Z <p>Depuis HTML 5, il m'a semblé logique, sémentiquement parlant, d'encapsuler mon fil d'ariane non plus dans une div ou un p mais directement dans un <code><nav></code>. Est-ce que cela te semble cohérent ?</p> <p>Par ailleurs, si l'on veut vraiment aller au bout du bout de la sémantique, il existe aussi un micro-formatage spécifique pour les breadcrumb. Rien de neuf côté graphisme, juste que désormais, les chemins de navigation et les liens vers les pages intermédiaires seraient désormais reconnus comme tels par les systèmes capables de les interpréter... les moteurs de recherches entre autre (ce qui explique que sur certaines recherches, l'on voit des résultats proposant un fil d'Ariane dès la page de résultats)</p> Construire un fil d'Ariane efficace 2012-07-30T13:19:24Z http://romy.tetue.net/accessible-location-breadcrumbs#forum3944 2012-07-30T13:19:24Z <p>Le fil d'Ariane est souvent salvateur lorsqu'on tombe sur un site labyrinthique !</p> <p>Il apporte alors un avantage ergonomique majeur, d'autant plus si l'arborescence est structurée selon un arbre sémantique intelligible pour l'internaute (url dites « optimisées »).</p> <p>Merci pour ce beau récapitulatif en la matière !</p>