Demande #433
fermé
Changer l'apparence du nuage de tag
Ajouté par Frederic Mande il y a plus de 13 ans.
Mis à jour il y a plus de 2 ans.
Description
Changer l'apparence du nuage de tag pour l'inclure dans la colonne de droite (300px maximum).
Plutôt que d'avoir un affichage par taille de police, choisir un affichage par couleur.
Gris clair, gris foncé, bleu clair, bleu foncé, orange clair, orange foncé.
Un module drupal doit pouvoir gérer les couleurs plutôt que la taille de police.
C'est un changement esthétique qui n'est pas obligatoire mais participe à l'évolution général du style du site.
Fichiers
- Tracker changé de 6 à Demande
On parle bien du nuage de tags Thèmes ?
Un affichage qui utilise uniquement la couleur pour hiérarchiser des informations n'est pas accessible (aux daltoniens et autres personnes ayant des problèmes de perception de couleur).
Cf. http://www.braillenet.org/accessibilite/referentiel-aw21/liste-deploye.php#couleurs (critères 3.1 et 3.2)
Critère 3.1 [Bronze] Dans chaque page Web, l'information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?
Critère 3.2 [Bronze] (idem). Cette règle est-elle implémentée de façon pertinente ?
Dans le nuage de tags actuel, ce qui différencie chaque lien est une classe différente (
.level1
à
.level6
).
Pour un non-voyant, le nuage de tag actuel n'est déjà qu'un bloc de liens tous équivalents. Il peut, si c'est un expert en utilisation de son lecteur d'écran, obtenir la taille de chaque lien mais peu de chances qu'il le fasse. Couleur ou taille ne change rien pour lui.
Pour apporter l'information avec un moyen supplémentaire que la couleur, on peut :
- afficher des tailles de texte différentes comme actuellement,
- utiliser le gras ou l'italique ou les petites majuscules (mais dans tous les cas en stylant un élément strong) pour certaines couleurs de lien et pas d'autres
Sinon le module Drupal peut déjà "gérer les couleurs" : tout se passe dans un fichier CSS en stylant les classes .levelN
qu'il gère, que ce soit actuellement avec font-size ou en les remplaçant par la propriété color
La colonne de droite actuelle mesure 210px de large et non 300px.
edit : PS : le nuage de tag est implémenté dans le code HTML comme une série de liens dans un div
. Sémantiquement, il faudrait que ce soit plutôt une liste de liens (ul
, li
). Un des avantages d'une liste, en plus de regrouper des items équivalents dans un même élément ul
porteur de sens est qu'un non-voyant peut immédiatement arrêter la lecture d'une longue liste qui ne l'intéresse pas et passer à ce qui suit.
- Description mis à jour (diff)
- Statut changé de Nouveau à Fermé
Formats disponibles : Atom
PDF