Petite amélioration de mon nuage de tags en PHP/MySQL. Si vous voulez le rendre (un peu plus) accessible, modifiez l’attribut title de cette manière dans votre vue :
<?php foreach ($tags_extended as $tag) : ?> <a href="/tags/<?php echo $tag['tag']; ?>" style="font-size:<?php echo $tag['size']; ?>px" title="tag : <?php echo $tag['tag']; ?>, fréquence : <?php echo $tag['number']; ?>"><?php echo $tag['tag']; ?></a> <?php endforeach; ?>
Si vous utilisez Smarty :
{foreach from=$tags_extended item=tag}
<a href="/tags/{$tag.tag}" style="font-size:{$tag.size}px" title="tag : {$tag.tag}, fréquence : {$tag.number}">{$tag.tag}</a>
{/foreach}
Sources d’inspiration :
* Comment faire un tag cloud (nuage de tags, ou d’étiquettes) accessible ?
* Tags accessibles dans dotclear
Le blog de Vincent Battaglia 
Salut Vincent,
Quelques remarques :
style=”font-size: n’est vraiment pas terrible au niveau accessibilité
il faudrait au moins séparer les liens adjacents par quelque chose, ou (mieux), en faire une liste ul li
Je te conseille la lecture de ceci :
http://www.gasteroprod.com/comment-faire-un-tag-cloud-nuage-de-tags-ou-d-etiquettes-accessible.html
Benjamin
LikeLike
Salut Benjamin,
Tu as tout à fait raison, il y a encore certains manquements. Cependant, ma volonté n’était pas de faire l’ultime nuage de tags accessible mais de rendre un peu plus accessible celui que j’ai construit auparavant avec PHP et MySQL (voir lien en début de billet).
J’ai déjà lu le lien que tu donnes (voir “Sources d’inspirations”) mais je ne suis pas super fan de la technique avec em et strong emboîtés 😉
Un nuage de tags est quand même quelque chose de très visuel, c’est un défi de rendre cela hyper accessible.
LikeLike