Aller au contenu | Aller au menu | Aller à la recherche

Blog Accessibilité

lundi 17 septembre 2007

Tags accessibles pour DotClear 1.2.7

Après le passage à la version 1.2.7 de Dotclear, les tags ne fonctionnaient plus.

C'est Cédric Blancher qui nous propose un joli patch pour remettre tout ça d'aplomb.

Liens à consulter:

Merci Cédric !

vendredi 6 octobre 2006

Tags accessibles dans dotclear

MAJ 17/09/2007: tags accessibles pour dotclear 1.2.7

Après la publication du plugin twTags 0.2.2 pour Dotclear, voici un petit tutorial sur la configuration des tags dans Dotclear

Résumé rapide:

  1. installer le plugin Métadonnées de billet
  2. installer le plugin twTags
  3. configurer l'interface d'ajout de tags
  4. configurer son thème pour l'affichage des tags dans le billets
  5. configurer son thème pour l'affichage du nuage de tags

Précaution

Avant de modifier un fichier, faites-en une copie de sauvegarde ;)

installation du plugin Metadonnées de billet

Installation du plugin twTags

Configuration de l'interface d'ajout de tags

Dans le dossier "ecrire" de dotclear, modifier le fichier poster.php. Juste au dessus des commentaires (ligne 527 chez moi), ajouter la ligne :

include(dirname(__FILE__).'/tools/twtags/poster-inc.php');

Affichages des tags dans un billet

  • La commande pour afficher les tags est <?php twTags::show(', ', true); ?>. Le premier paramètre est le séparateur des tags, le deuxième affiche (ou non) les tags technorati
  • ajouter cette commande dans le fichier list.php de son thème. Pour ma part, je l'ai mise juste après le nombre de commentaires et rétroliens ; ça donne ça :
               <p class="post-info-co">
                       <a href="<?php dcPostURL(); ?>#co" title="commentaires pour : <?php dcPostTitle(); ?>">
                       <?php dcPostNbComments('aucun commentaire','un commentaire','%s commentaires'); ?></a>
               <span>::</span>
                       <a href="<?php dcPostURL(); ?>#tb"title="trackbacks pour : <?php dcPostTitle(); ?>">
                       <?php dcPostNbTrackbacks('aucun trackback','un trackback','%s trackbacks');?></a>
               <span>::</span>
                       Tags: <?php twTags::show(', ', true); ?>
               </p>
  • faire de même dans le fichier post.php. Chez moi, juste après </div><!-- class="post-content" --> (ligne 40), ça donne ceci:
       <div class="post-tags">
       <p>Tags: <?php twTags::show(', ', true); ?></p>
       </div><!-- class="post-tags" -->

Affichage du nuage de tags

Pour cela deux étapes: 1) modifier le fichier template.php 2) modifier les CSS dans style.css.

Dans le fichier template.php, ajouter dans la sidebar:

<div id="nuageMotsCles">
     <h2>Nuage de tags</h2>
     <?php twTags::tagCloud($levels = 5, $block ='<ul id="tagcloud">%s</ul>',$item = '<li class="level-%2$d">%1$s</li>'); ?>
</div>

Dans le fichier style.css, ajouter:

/* Tags cloud
------------------------------------------ */
#tagcloud ul {
margin:0;
padding:0 1em;
display:block;
}

#tagcloud li {
display:inline;
margin: 0 .1em;
padding: 0;
background-image: none;
}

#tagcloud li.level-1 { font-size: 1em; }
#tagcloud li.level-2 { font-size: 1.3em; }
#tagcloud li.level-3 { font-size: 1.6em; }
#tagcloud li.level-4 { font-size: 2em; }
#tagcloud li.level-5 { font-size: 2.3em; }
 
#tags {
text-align: right;
}

Et voilà, tagguez bien :)

Plugin twTags 0.2.2 pour Dotclear

MAJ 17/09/2007: tags accessibles pour dotclear 1.2.7

Je publie ici la version 0.2.2 du plugin twTags pour dotclear (avec l'accord de Steve, son ancien mainteneur).

Cette nouvelle version comporte des modifications pour améliorer le niveau d'accessibilité du code HTML généré. Au menu, on trouve:

  • un alt et title pertinent pour l'image des tags technorati
  • un title pertinent pour les tags locaux
  • un title pertinent pour les liens du nuage de tags

Voici donc le lien pour télécharger le plugin Dotclear twTags 0.2.2 au format pkg.

MAJ 09/10/2006: et aussi le lien pour télécharger le plugin Dotclear twTags 0.2.2 au format tar.gz.

mercredi 4 octobre 2006

Publication de KiwiAccess version 0.52

Un mot pour annoncer la sortie de la version 0.52 de KiwiAccess, le plugin pour améliorer l'accessibilité de dotclear.

Au menu, quelques légères corrections:

  • correction d'une erreur de localisation (certains textes en anglais alors que le blog est en français)
  • correction d'un conflit avec le plugin "fil d'ariane" (alias dcQuickNav)

Téléchargement:

Et pour la route, la page d'accueil du projet KiwiAccess.

samedi 23 septembre 2006

KiwiAccess, le plugin pour améliorer l'accessibilité de dotclear

C'est avec un certain plaisir que je vous annonce la sortie de KiwiAccess, le plugin pour améliorer l'accessibilité de dotclear.

KiwiAccess, ça fait quoi ?

Trente secondes de remise en contexte avant d'entrer dans le vif du sujet. Comme on l'a déjà vu, l'accessibilite n'est pas une fonctionnalité mais un processus. De fait pour rendre un site accessible, il convient d'intervenir à différents niveaux. On trouve classiquement trois grandes étapes: l'outil de gestion de contenu, les gabarits de page accessibles, et le contenu. C'est sur ce dernier point que KiwiAccess intervient.

KiwiAccess offre une aide au bloggueur soucieux de l'accessibilité de sa prose :) Pour cela, il automatise les vérifications des points suivants:

KiwiAccess c'est qui derrière ?

KiwiAccess est un travail collaboratif effectué avec Sébastien Delorme et Jérôme Mulsant, qui ne sont autres que les lauréats des Trophées AccessiWeb 2006 avec leur blog tentatives-accessibles.eu, ainsi que votre serviteur.

KiwiAccess c'est libre ?

Maa ben sûr que oui quelle idée ! KiwiAccess est un logiciel libre placé sous licence GPL.

Au passage, on vous encourage à installer ce plugin et nous dire ce qui vous plait, ce qui ne va pas, ce que vous aimeriez avoir dedans. Si c'est du libre, c'est bien pour qu'on puisse tous en profiter ;) . D'ailleurs, cette version est utilisable mais manque encore de fonctionnalités à nos yeux; fonctionnalités qui vont arriver dans les prochaines versions.

Notre but premier était de publier une toute première version utilisable, en suivant un des adages fondateur du logiciel libre: Distribuez tôt, mettez à jour souvent (in La cathédrale et le bazar, de Eric Raymond).

KiwiAccess ça se télécharge où ?

Pour l'installation, il suffit de copier le lien vers le .pkg et de le coller dans l'interface d'administration de dotclear, section Outils > Gestionnaire de plugin puis Installer un plugin.

Pour ensuite y accéder, il faut se rendre dans la section Outils (toujours dans l'interface d'administration), puis de cliquer sur Kiwi. La page présente alors le résultat des tests.

KiwiAccess ça ressemble à quoi ?

Voici quelques copies d'écran:

Titre trop long

Copie d'écran KiwiAccess: titre trop long

Lien trop long

Copie d'écran KiwiAccess: lien trop long

Et maintenant, bonne accessibillité :)

PS: pour les quelques personnes qui ont installé une version antérieure du plugin, il faut la désinstaller avant de placer la nouvelle.

mercredi 8 mars 2006

Concours blog et accessibilité: news et un peu d'aide

Des nouvelles du concours Blog et Accessibilité:

  • Afutez vos blogs, il ne reste qu'un petit mois avant la clôture des inscriptions ! Note: vous pouvez vous inscrire dès maintenant même si le blog n'est pas complètement prêt.
  • Le jury accueille un invité de marque: Olivier Meunier, créateur de DotClear. Vous pouvez évidemment utiliser un autre outil de blog, il n'y a pas de ségragation. Olivier nous apportera un éclairage intéressant pour juger de la créativité déployée dans les blogs.
  • Pour finir, quelques pistes pour améliorer le niveau d'accessibilité: voyons cela.

Placer des checks

Mettre en oeuvre un certain nombre de "checks" pour vérifier l'accessibilité au moment de la rédaction. Dans un Dotclear, cela peut se faire simplement à l'aide d'un plugin. Voici quelques idées de vérifications:

  • Simple: limiter la taille des titres de billets à 80 caractères. Les titres étant (dans beaucoup de gabarits du moins) des liens, leur intitulé ne doit pas dépasser 80 caractères (critère 6.1).
  • Moyen: chaque titre de page devant être unique (critère 8.6), et les titres des billets étant les titres de la page correspondante (balise TITLE), il faut vérifier que les titres des billets sont uniques sur tout le site. L'algorithmique a implémenter est assez simple, il suffit de stocker dans une table de la base de donnée la liste des titres des billets , et de vérifier que le titre du billet en cours de rédaction n'existe pas déjà, et demander une correction le cas échéant.
  • Moyen: interdire les liens non explicites comme "ici", "cliquer ici", "en savoir plus", ou "précédent billet" (critère 6.2). Il faut sortir la clé de 12 et coder un peu ici. Cela implique de parser les liens du billet et de demander une correction le cas échéant.
  • Moyen: limiter à 80 caractères (critère 6.1) la taille des intitulés de liens à l'intérieur du billet. Si on a déjà de quoi parser les liens d'un billet, ça devrait aller vite. On pourra pousser la perfection jusqu'à modifier le javascript correspondant au bouton d'insertion de lien pour y appliquer cette limitation.
  • Chaud chaud: le critère 6.5 nous interdit d'avoir deux liens d'intitulé identique qui pointeraient vers des cibles différentes. Là aussi, il faut vérifier les liens à l'intérieur du billet et faire la vérification. Mais ce n'est pas encore suffisant. Etant donné qu'un blog nous permet de voir la même info à différents endroits (typiquement: page d'accueil, vue par catégorie, vue par mois, vue par jour, résultat de recherche), il faut prévoir aussi ces cas. Pour cela, il faudra stocker dans une table de la base de donnée, pour chaque lien, la liste des pages dans lesquelles il est présent. Une fois cela fait, le check devient simple: vérifier que le triplet intitulé de "lien / URL / page de présence du lien" n'existe pas déjà.

Soigner le gabarit

  • Archi-Simple: pour le formulaire de recherche, donner un intitulé explicite au bouton, disons "rechercher" au lieu de "ok" (critère 11.6)
  • Simple: toujours dans le formulaire de recherche, relier l'intitulé du champs de recherche et la zone de saisie avec LABEL FOR et ID (critère 11.1)
  • Archi-Simple: évincer 10 critères en n'utilisant pas de frame :)

Aller, à vos clavier et dépassez-vous !

vendredi 30 décembre 2005

Noel et fête du spam

Comme beaucoup d'autres en ce moment, le Blog-Accessibilité croule sous les spams depuis quelques jours.

Ca a été l'occasion d'installer le plugin Spamplemousse pour Dotclear (merci à Fred Cavazza de nous avoir rappelé son existence). Installé depuis hier matin, il a l'air bigrement efficace. C'est l'occasion de remercier ses auteurs (Zeubeubeu et Biou) et de les encourager à améliorer ce superbe plugin !


Le Blog Accessibilité est le blog professionnel de Matthieu Faure, expert en accessibilité et fondateur de Open-S, prestataire global en accessibilité numérique

Conformité XHTML Strict et CSS.