Des livres incontournables pour tout maîtriser
| Auteur | |
|---|---|
| sergeAles | # 21 Jan 2010 - 12:29:56  |
| 28 Posts |
Bonjour, Tout le monde a déjà rencontré ce type d'aide : un mot, généralement une abréviation ou un acronyme, souligné, souvent en pointillé, qui, lorsque l'on le survole, affiche une bulle d'aide. J'ai remarqué, y compris sur des sites soucieux d'accessibilité, que cette aide n'est pas activée lors de la navigation au clavier. Bien sûr, il suffirait - je crois, d'après mes maigres connaissances - d'en faire un lien pour que ce soit le cas. Ma questions est donc la suivante : Si c'est un comportement volontairement recherché, pour quelle raison l'est-ce ? Merci développeur 'traditionnel' depuis 20 ans, apprenti-développeur Web depuis 50 jours .... |
 |
|
| Laurie-Anne | # 21 Jan 2010 - 13:29:40 |
 Modérateur 2716 Posts |
Bonjour, C'est aides sont en fait des titles (généralement appliqué à <abbr> ou <acronym>). C'est le comportement du navigateur qui est en cause et non le code, dans ce cas. Utiliser des liens serait une mauvaise idée (car le balisage serait trompeur et inaproprié). Si ces aides sont gérées en JavaScript, le problème vient de l'évènement appelant la fonction JS qui devrait être onfocus au lieu de onmouseover. Faut pas dire du mal d'IE6... Nan, faut pas. |
 |
|
| sergeAles | # 21 Jan 2010 - 16:02:08 |
| 28 Posts |
Merci de ta réponse, Laurie-Anne. Tu as vu juste, c'est dans le cadre de <abr> et de <acronym> que je les utilisais. Pour le deuxième point, pas de Javascript, uniquement du CSS. Mais alors comment, techniquement, garder une réaction on focus sans en faire un lien ? Comme tu le dis, je pressentais bien que ce n'était pas joli-joli. Pour l'instant, j'en ai fait des liens, mais ça ne me plaît pas. développeur 'traditionnel' depuis 20 ans, apprenti-développeur Web depuis 50 jours .... |
|
|
| Shunkin | # 21 Jan 2010 - 17:36:39 |
| 88 Posts |
Bonjour, Jamais essayé, mais une solution pour donner le focus à un acronyme serait peut-être l'utilisation de l'attribut "tabindex". |
| |
|
| Victor BRITO | # 21 Jan 2010 - 18:23:16 |
Je ne suis pas mort, je dors  942 Posts |
Shunkin a écrit : Attention ! l'utilisation de l'attribut tabindex, outre qu'il n'est pas autorisé sur les éléments abbr et acronym (il ne peut être utilisé que dans les éléments a, area, button, input, object, select et textarea), comporte quelques contre-indications.  Actualités et ressources sur les standards du Web de sources diverses : Planète Standards du Web |
| |
|
| Shunkin | # 21 Jan 2010 - 21:33:31 |
| 88 Posts |
Pour les contre-indications, il faut faire avec et en tenir compte lors de l'intégration. Pour le respect de la DTD, il me semble qu'en effet ce ne soit pas autorisé en HTML4 et XHTML, mais le sera, à priori, pour abbr en HTML5. De plus, ARIA recommande l'utilisation de tabindex pour donner le focus à un élément originellement non pourvu, ce qui est le cas d'acronym et abbr. EDIT: discussion sur le sujet et lien vers la recommandation ARIA. Modifié par Shunkin (21 Jan 2010 - 22:01) |
| |
|
| Laurent Denis | # 22 Jan 2010 - 08:00:42 |
 7948 Posts |
Les solutions techniques WCAG à la question des sigles ne se limitent pas aux balises abbr et acronym, et celles-ci ne sont pas nécessairement la plus appropriée : * présence du sigle et de son explicitation dans un glossaire accessible sur le site (pas de balisage ni d'explicitation du sigle nécessaire dans les autres pages) * création d'un lien sur le sigle, visant une entrée de glossaire plus complète, avec un title explicitant le sigle. Le lien peut également, via javascript, afficher une définition modale (ajax) * indication du sens du sigle dans le corps du texte Plus généralement, les sigles ne sont pas un problème à traiter isolément, mais dans une démarche d'ensemble sur les syntaxes cryptiques, les niveaux de lecture, le jargon etc. La question est plus éditoriale que technique. Sinon, du côté technique, il faut bien différencier l'usage "classique" de tabindex (délicat plutôt que contestable par principe, contrairement à ce que suggère l'article cité) et son usage dans le cadre ARIA (qui n'a rien de problématique). Modifié par Laurent Denis (22 Jan 2010 - 08:05) Ne parlons pas de choses nouvelles. Commencez par ne pas détourner CSS de son objet, ce que vous faites immanquablement avec des techniques sexy qu'on enseigne ici. |
| |
|
| sergeAles | # 22 Jan 2010 - 10:56:15 |
| 28 Posts |
Merci à tous. A Shunkin et à Victor, pour leur éclairage technique. A Laurent, pour son avis de fond. Edit : il y a des informations intéressantes relatives à ma question là : http://forum.alsacreations.com/topic-6-45500-1-Resolu-Navigation-au-clavier-Pas-de-focus-sur-lelement-abbr-.html J'y retourne ; je vous tiendrai au courant dès que j'aurai progressé Modifié par sergeAles (22 Jan 2010 - 14:43) développeur 'traditionnel' depuis 20 ans, apprenti-développeur Web depuis 50 jours .... |
|
|
Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org
Nos partenaires : Editions Eyrolles
XHTML Best Effort ValidCSS 3 Might Become Valid
La nuit tous les chats sont #CCC
(Groucha)
Suggérer une citation best-of
Alsacréations est une communauté dédiée à la conception de sites web de qualité, notamment grâce aux standards W3C, aux feuilles de styles CSS, aux langages HTML et XHTML, et à l'accessibilité (en savoir plus...)
http://www.alsacreations.com/
