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 !