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] <mailto:[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]
<mailto:[email protected]>>
À: "liste gta" <[email protected]
<mailto:[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]
<mailto:[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] <mailto:[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] <mailto:[email protected]> >
À: "liste gta" < [email protected]
<mailto:[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] <mailto:[email protected]>
02 43 08 39 97
Jouve
1, rue du docteur Sauvé, 53101 Mayenne CEDEX
www.jouve.com <http://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]
<mailto:[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] <mailto:[email protected]>
02 43 08 39 97
Jouve
1, rue du docteur Sauvé, 53101 Mayenne CEDEX
www.jouve.com <http://www.jouve.com>
Twitter Google + LinkedIn ViadeoJouve
_______________________________________________
liste_gta mailing list
[email protected] <mailto:[email protected]>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list [email protected]
<mailto:[email protected]>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list [email protected]
<mailto:[email protected]>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
[email protected] <mailto:[email protected]>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
[email protected] <mailto:[email protected]>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
[email protected] <mailto:[email protected]>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
[email protected] <mailto:[email protected]>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
[email protected] <mailto:[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
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
