SiDi a écrit :
Ma question est donc : peut-on considérer comme sémantique l'usage d'une balise "style=40%" dans le code HTML?
Non.
SiDi a écrit :
mais est-ce vraiment purement sémantique?
Non plus.
a écrit :
Qu'en pensez-vous?
Que tu ne poses pas la bonne question. Et que tu utilises le mot «sémantique» à tort et à travers en parlant de quelque chose qui n'a rien à voir avec la (généraliste) notion de sémantique ou le (plus précis) Web sémantique.
SiDi a écrit :
Doit-on considérer cela comme une "bonne méthode"?
Ah ben la voilà la bonne question.
La méthode est bonne si elle répond au besoin. Ici le besoin c'est de faire des graphiques simples de type jauge ou graphiques en bâtons, et de faire en sorte qu'ils soient accessibles. La première partie du contrat marche plutôt bien, même si c'est une solution limitée par rapport à l'utilisation d'images:
1. une image est visible même avec styles CSS désactivés, ou avec d'autres styles CSS appliqués (feuille de styles pour l'impression, réutilisation du contenu d'un article pour générer un PDF de l'article à proposer sur le site, contenus syndiqués...);
2. une image peut être récupérée, collée dans un autre document (un traitement de texte par exemple), etc.
Vient ensuite la question de l'accessibilité (les deux points ci-dessus étant plutôt du domaine de la compatibilité). Et là, ça dépend du contenu. Les dispositifs proposés dans cet article de Wilson Miner sur A List Apart, qui sont au nombre de trois (avec à chaque fois une structure HTML et une mise en page différentes),
peuvent être accessibles. Cela va vraiment dépendre du contenu. Il me semble que pour toute présentation de données un peu complètes ou complexes, ces dispositifs vont vite être dépassés, et pour des choses comme une présentation de statistiques accessibles on aura intérêt à utiliser quelque chose comme: un ou plusieurs graphiques (IMG alt="descriptif court" longdesc="#descriptif-long"), chaque graphique étant accompagné d'un paragraphe de description (id="descriptif-long") extrayant la ou les informations essentielles du graphique, et suivi d'un ou plusieurs tableaux structurés affichant les données du graphique. On peut éventuellement mettre les tableaux en annexe.
(Là encore, le dispositif exact dépend du contenu... ainsi que des objectifs et des moyens.)
Enfin, on peut critiquer chacun des exemples donnés, en partant du contenu (fictif) utilisé ou de ce qu'on envisage comme utilisation plus concrète de chaque dispositif.
Les exemples sont ici:
http://www.alistapart.com/d/accessibledata/example-final.html
Et le rendu sans styles CSS (ou plutôt avec les styles par défaut du navigateur) est visible ici:
http://www.alistapart.com/d/accessibledata/example-unstyled.html
Premier exemple: liens avec un compteur
Contenu: une série de liens semblable à un menu, où chaque intitulé de lien est accompagné d'une information sur une proportion et une quantité. L'exemple donné n'est pas très parlant, mais on peut imaginer un site qui présenterait ses principales rubriques sous cette forme, en indiquant le nombre d'articles dans chaque rubrique, et la proportion que cela représente par rapport à tous les articles du site.
Critique: c'est une solution plutôt correcte, qui ne pose pas de net problème d'accessibilité. Mais on pourra éventuellement envisager de moins charger le contenu texte, en omettant la proportion par exemple. Attention à la surcharge d'information pour un dispositif de navigation, ainsi qu'aux informations peu explicites (comparer: «Droit 280 (28%)» et «Droit (280 articles, 28% des articles)»...). Une information qui se fait discrète dans le rendu visuel peut éventuellement être omise dans d'autres contextes (quoique ce sera peut-être incompatible avec les méthodes d'implémentation des WCAG 1 telles qu'Accessiweb ou RGAA).
Deuxième exemple: statistiques par date
(Pas trouvé de traduction correcte de
timeline dans ce contexte.)
Contenu: une série de quantités pour chaque jour d'un mois (ou chaque mois d'une année, etc.). Le genre de contenu qui se présente typiquement dans un tableau à deux colonnes (date, quantité), ou sur plus de colonnes si on veut présenter plusieurs informations pour chaque date.
Critique: le contenu sans styles est du type «12 (128)», «Fev (128)» ou «2006 (128)». C'est assez vague. On peut préciser avec un contenu du type «12 février: 128 petits pois» ou «Février 2006: 128 petits poits» ou «2006: 128 petits pois». Mais ça risque d'être difficile à caser dans notre dispositif HTML/CSS. Et, dans ce cas, mieux vaut un tableau de deux colonnes pour présenter ces informations. Bref, ça me semble un peu bancal.
Troisième example: ...
(Là je sais pas comment le décrire...)
Contenu: une navigation avec un intitulé principal et, sous la forme d'un graphique miniature pour chaque item de navigation, un aperçu d'informations statistiques. On peut reprendre notre exemple des rubriques d'un site, avec pour chaque nom de rubrique un micro-graphique qui représente la popularité des articles de la rubrique.
Critique: le micro-graphique affiché est discret. L'équivalent textuel donné est envahissant («(60, 220, 140, 80, 110, 90, 180, 140, 120, 160, 175, 225, 175, 125) Apples»), totalement incompréhensible, et parasite l'information principale.
C'est une très mauvaise solution, qui plombe l'accessibilité de la navigation en rendant le contenu difficile à déchiffrer. À oublier.
Au final, je retiens:
1. que c'est une technique permettant de mettre en place de petits graphiques facilement et de faciliter leur mise à jour (valeurs tirées directement d'une base de données);
2. que c'est utile quand on a besoin d'un résultat rapide et qu'on n'a pas le temps (ou éventuellement pas les compétences) pour mettre en place un système de génération d'images (type google charts ou autre) ou éventuellement un système d'affichage de graphiques en Flash;
3. que pour certains cas précis, avec des contenus limités et de préférence accessoire (premier exemple), ça peut être sympa;
4. que si on veut présenter des données de manière accessible, on passera son chemin.
Voilà pour moi.
PS: Si ton sujet porte en priorité sur l'accessibilité, fais-moi signe, je déplacerai le sujet dans le salon
ad hoc.
Modifié par Florent V. (20 May 2008 - 17:11)
