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
