Commençons par les actualités concernant l'accessibilité :

• Google sort un nouveau joujou dans son Google Labs : le Google accessible web search, en gros, il s'agit du moteur de recherche que vous connaissez bien mais auquel un paramètre supplémentaire entre en ligne de compte pour le classement des résultats. Ce classement vous l'aurez deviné c'est l'accessibilité du site (du moins ce qui peut être détecté automatiquement). Je sens que pas mal de sociétés privés vont tout d'un coup voir l'accessibilité d'un autre oeil.
• Les règles d'accessibilités en vigueur aux Etats-Unis (la section 508 pour les intimes) vont évoluer prochainement et quand on voit la liste des participants à la discution y a que quoi être impressionné.
• J'en avais déjà parlé mais désormais c'est fait on peut contrôler un ordinateur par la pensée, en l'occurence une personne tétraplégique y arrive.
• Encore un nouveau venu dans le monde des testeurs automatique d'accessibilité, RAAKT à base de ruby on rails celui là, fait par l'auteur de l'extension Fangs pour Firefox qui plus est.
• Un moyen de savoir si votre visiteur utilise une synthèse vocale ça existe et pour le coup c'est Flash qui vous vient en aide. Cela pourrait être utile notamment pour les ajaxmaniacs même si dans le fond je doute de la pertinence d'une telle détection.
• Pour finir un nouvel outil vient de sortir la barre Accessiweb, version francisée et adaptée de l'accessibility toolbar. Encore un utilitaire indispensable donc pour tester l'accessibilité de votre site (seul regret, version uniquement IE windows pour l'instant)

Du côté de javascript :

Rien de bien extraordinaire ces derniers temps mais notons tout de même deux nouvelles déclinaisons du script vous permettant d'excécuter votre code javascript au chargement de la page beaucoup plus rapidement (avant que celle si soit finit d'être chargée)

• DOMloaded de Rob Cherny.
• Et une mise à jour du window.onload du fameux Dean Edwards

Une petite astuce en passant :

• Vous avez toujours voulu que les textes de vos titles ou de vos alt qui apparaissent au survol de la souris soit sur plusieurs lignes, et bien c'est possible, merci Clagnut.

Mais où s'arrêtera-t-il ?

• l'infatiguable Elie Sloïm et son équipe de Témesis a encore frappé. Ils viennent de nous sortir Signal-Spam l'outil qui va vous permettre de dénoncer ou de prendre connaissances de toutes les armes en votre pouvoir pour lutter contre le SPAM. Encore un pas vers un web de meilleur qualité qui pour l'instant et bien souvent pollué des ces publicités intenpestives.

Aujourd'hui, je vais revenir en détail sur une extension pour Firefox qui mérite le détour.

Vous rêviez d'une synthèse vocale multi-plateforme, gratuite, performante et en licence GNU GPL, Firevox est fait pour vous.

L'installation de base est très simple et se fait comme n'importe quelle autre extension Firefox. Sur Mac OSX et Linux l'installation est un peu plus compliquée car nécessite d'utiliser java mais rien de bien sorcier non plus.

L'extension se base sur la couche SAPI 5 pour windows et FreeTTS sur mac et Linux. Le format Orca pour Linux commence également à être supporté. Il vous suffira donc d'avoir sur votre ordinateur une voix dans un de ces formats pour que l'extension puisse fonctionner avec. Les voix françaises gratuites de microsoft peuvent se récupérer en installant Microsoft Reader. Cependant, si quelqu'un connait des voix SAPI5 ou FreeTTS françaises, de meilleur qualité et gratuites, je suis preneur.

Au niveau des fonctionnalités

C'est vraiment impressionnant certaines ne sont même pas implémentées dans les synthèses vocales payantes du marché avec par exemple :

• Support des CSS média oraux qui permettent entre autre de jouer sur le volume ou la rapidité d'énonciation.
• Support de la mise à jour de contenu via le DOM ce qui ravira les utilisateurs d'AJAX.
• Support de MathML qui permet de lire des formules mathématiques complexes.

En plus de ces fonctionnalités avancées, de solides bases sont également au rendez-vous avec :

• Un parfait support des attributs ou balises d'accessibilité sur les tableaux de données (summary, caption, th, scope, headers/id)
• Une parfaite gestion des formulaires
• La possibilité de récupérer des informations complémentaires sur n'importe quel élément, comme la forme étendue des abréviations et des acronyms ou les titles des liens ou les longdesc des images.
• La possibilité de lire un texte sélectionné.
• La possibilité d'épeler un mot.
• Des modes de lectures différents : toute la page, de lien en lien, d'élément en élément.
• La possibilité d'utiliser une liste de liens, d'images, des titres de hiérarchie, d'accesskeys ou d'éléments de formulaire présents dans la page pour y accéder plus rapidement.

Je pense que celà suffit à vous convaincre, en tout cas moi oui.

Mais du coté des défauts ?

• Pour l'instant, il n'y a pas de possibilité de la coupler avec une plage braille (même si l'auteur du plugin m'a dit que cela pourrait prochainement changer)
• Certaines fenêtres du navigateur ne sont pas lues comme la fenêtre des favoris ou d'impression.
• Certains mots liés au fonctionnement de la synthèse vocale sont dit en anglais comme external link, body with X links and X headings. La bonne nouvelle, c'est que j'ai récemment traduit tous ces éléments et que dans une prochaine version nous devrions avoir la possibilité d'être intégralement en français. (Je vais également essayer de traduire certaines parties du site web comme le manuel d'installation ou d'utilisation.)

Dans tout les cas, c'est le genre de plugin qui gagne a être utilisé et développé, d'autant que son auteur Charles L. Chen est ouvert à toutes collaborations, aides ou suggestions d'amélioration. A mon sens, c'est même un plugin qui gagnerait a être officiellement soutenu par la Mozilla corporation.

En attendant la partie 2 de mon billet sur le menu déroulant accessible, voici ma traditionnelle liste de liens du môment :

Accessibilité :

• Le guide PAS78, sur les bonnes pratiques lors d'appels d'offres devant prendre en compte l'accessibilité numérique, est désormais disponible gratuitement. Voilà, un exemple à suivre pour nos administrations.
• Un cours pour l'évaluation de l'accessibilité du Web mis au point dans le cadre du projet support-eam qui cherche à mettre en place un label de qualité européen sur l'accessibilité des sites web).
• Enfin, j'ai récemment praticipé avec Braillenet à la journée "des logiciels libres et accessibles" qui c'est déroulée à la cité des sciences et de l'industrie à Paris. Le matin, j'ai donc participé à une table ronde lors de laquelle nous avons regretté qu'il n'y ai pas de structure permettant de donner un cadre aux concepteurs de logiciels libres pour qu'ils développent des logiciels accessibles et interopérables. Et bien, j'ai trouvé le Free Standards Group Accessibility Workgroup qui semble déjà bien actif chez nos amis anglophones et qui compte des membres plutôt prestigieux venant d' IBM, KDE, Red Hat, Sun, SuSe, Gnome et debian.

Outils :

• Tester donc votre site grâce à ce similateur de bas débit, vous comprendrez peut être mieux l'interêt de mettre des alternatives aux images.
• Un annuaire (anglophone) des aides techniques et logiciels open source en matière d'accessibilité.
• HandiAccess, la même chose mais en français et plus récent donc encore un peu moins fournit à l'heure actuelle.
• Ce n'est pas un outil directement mais un guide qui vous dit comment l'utiliser, en l'occurence il s'agit d'explication sur l'utilisation de TAW3 un testeur automatique d'accessibilité que je trouve moi même assez pratique et performant.

En attendant, Dotclear 2, et même si les deux n'ont pas du tout la même fonction, c'est au tour du CMS Spip de sortir en version final 1.9.

Tout ce que je peux dire, c'est que les changements sont conséquents, au programme :

• Un nouveau jeu de squelette, pour lequel j'ai prété main forte de temps en temps, qui respectent mieux les standards W3C et les critères d’accessibilités
• Le support du SVG comme format de document
• Une batterie de filtres de traitement graphique impressionnante
• Un fonctionnement par défaut en UTF-8
• Un peu d'AJAX (et oui fallait bien être web 2.0) dans l'administration
• Une réorganisation totale des répertoires pour permettre sur un même serveur la création de site sans réinstallation des fichiers à chaque fois (un genre de multi Spip)
• Et enfin, un système de plugin pour étendre très simplement les possibilités de votre Spip

Plus d'infos sur le site de Spip

Comme promis, voici une présentation des WCAG 2.0, réalisée dans le cadre du séminaire technique des experts accessiweb avec l'aide de Jean Pierre Villain et de Sylvie Duchateau.

Nous vous proposons au menu:

• Introduction
  • Historique
  • But des WCAG
  • Public visé
  • Les documents des WCAG
  • Structure des WCAG 2.0
• Les WCAG 2.0 en détail
  • Les 4 grands principes
  • Baseline (Référence de base)
  • Le scoping
  • Conformité
  • Terminologie
• WCAG 2.0 face à WCAG 1.0
  • Guideline 1.1
  • Guideline 1.2
  • Guideline 1.3
  • Guideline 2.4
  • Guideline 3.1
  • Guideline 4.1
• Les critères WCAG 1.0 abandonnés
• Conclusion

Le tout est disponible au format powerpoint (1,4Mo), RTF (300k) ou HTML / S5

Bonne lecture à vous.

Chose promise, chose dûe, le résultat du sondage est sans appel, je vais donc m' y atteler.

Vous me permettrez cependant de découper la recette en morçeau et cela pour plusieurs raisons :

• C'est une recette plutôt longue à cuisiner. A côté, la panse de brebis farcie c'est pour les rigolos.
• Même si je suis fin cuisinier, un des ingrédients principaux de ce plat (Javascript) n'est pas ma spécialité, il me faut donc pour certains points le temps de tester afin de vous servir un plat que vous ne risquerez pas de régurgiter.
• Cela vous permettra de digérer un peu entre les morçeaux et de me faire des remarques, des compliments ou de m'aider à rendre tout cela encore meilleur.

Avant tout chose, je tiens également à signaler que le travail que je vous livrerai ici correspond à une version améliorée d'un script en licence creative commons Attribution-ShareAlike réalisé à la base par Harmen Christophe de la société Eolas avec qui j'ai longuement échangé par mail afin d'aboutir à une version qui nous semble satisfaisante. Qu'il soit grandement remercié pour son aide et pour les explications qu'il a pu me fournir sur ses fonctions.

L'été approche mais le web ne semble pas prendre de vacances pour autant. Voilà donc une petite liste de mes dernières trouvailles :

Accessibilité

• Vérifier votre conformité à une partie des critères AccessiWeb via un plugin Dotclear c'est possible la preuve - Tentatives Accessibles.
• FireVox, la synthèse vocale gratuite multi-plateforme pour firefox se dote d'un site plus clair et plus complet pour comprendre cette merveilleuse extension.
• A voir et lire le site de Nomensa - Humanising Technology qui contient une série d'articles traitant de divers aspects de l'accessibilité numérique (en anglais malheureusement).
• Un scanner qui transforme vos livres en livres parlant, encore une invention fort pratique - Plustek book reader.
• Accessiweb sort le volume 2 et 4 du manuel AccessiWeb d'aide à l'évaluation qui couvre l'utilisation de Jaws et l'évaluation par la barre d'accessibilité AIS version 1.2 pour Internet Explorer.

CSS

• Voilà une liste de ressources CSS incoutournables et mises à jour récemment sur le fameux Veerle's blog.
• Un site qui vous donne un aperçu des possibilités de CSS3 et qui permet de voir que pas mal de chose sont déjà implémentées ici ou là - CSS3.info.
• Mon site de référence sur les hacks CSS a changé d'adresse - CSS only Filters Summary .

Outils

• Voilà qui peut être pratique pour les développeurs soucieux des utilisateurs de mac - Multi-Safari
• ou pour les développeurs travaillant sur Linux qui veulent tester leur site sous Internet Explorer - Internet Explorers for Linux.
• La fonction javascript domEl() qui vous permet de créer très simplement des éléments du DOM en version PHP, il suffit de demander - pilgrim.maleo.net
• Une petite calculette pour faire très simplement vos calculs d'héritage de taille de typo en fonction de votre DOM - Em Calculator.

Javascript

• Un site qui référence pas mal des fonctions javascripts bien utiles dont j'ai pu vous parler précédemment - getElementsBy*().
• Une autre librairie javascript pour manipuler le DOM, assez complète mais peut de documentation pour l'utiliser - DOM.JS.
• Pour finir, un article à lire impérativement avant de se lancer dans l'AJAX la tête la première - Vitamin Features : Responsible Asynchronous Scripting.

Suite à mon précédent billet annonçant un article plutôt critique de Joe Clark sur les WCAG 2.0, je vous avais promis un point plus détaillé.

On s'attendait à ce que les WCAG 2.0 entraîne nombreuses de réactions, Joe a été le premier a dégainer, j'ai annoncé l'article sur la mailing list accessiweb et le débat a démarré.

Suite à ce début de débat, j'ai invité Jean Pierre Villain (webonorme) et Monique Brunel (blog.webatou) à confronter nos points de vues et à commenter les arguments de l'article.

Nous vous proposons donc tout les trois :

• la traduction intégrale de l'article de Joe Clark grâce à Jean Pierre principalement
• la même version annotée de nos observations.
• la liste des références et de quelques liens utiles
• et afin de centraliser vos remarques, une section de commentaire libres et plus généraux sur WCAG 2.0 commune à nos trois site sur le site webonorme.

Le premier objectif de cette démarche est que certaines personnes cessent de voir les WCAG 2 comme la solution à tous leur problème et se reposent dessus, d'où le questionnement du titre de notre billet.

Par cette mise en avant, nous espérons également, même si elles sont en anglais, que les gens se décident à regarder les wcag 2.0 et à réagir en bien comme en mal. Nous pourrons en quelque sorte de faire l'interface avec le formulaire de commentaire officiel du WAI qui nécessite forcement de parler anglais.

Après lecture de nos commentaires sur l'article, si vous n'êtes pas d'accord, on est preneur des remarques , on peut être expert et ne pas avoir "la bonne parole unique" pour autant.

Enfin, lors du prochain séminaire technique Accessiweb réservés aux EAE, j'animerais avec Jean-Pierre Villain (encore lui) et Sylvie Duchateau d'Accessiweb un atelier sur WCAG 2.0 . Cela sera, à n'en pas douter, l'occasion de vous livrer notre présentation pour compléter ce dossier.

Assez parlé, bonne lecture à vous.

Je vais encore laisser le sondage ce week-end, pour l'instant c'est comment rendre un menu déroulant plus accessible qui est en tête.

En attendant, quelques petits liens bien utiles glanés ici et là :

• Commençons avec un lien qui pourrait faire suite à mon billet Un peu d'AJAX et tout disparaît !, l'excellent Juicystudio nous propose de faire fonctionner notre AJAX avec les lecteurs d'écrans, du moins avec JAWS 7 sur PC et la dernière version de Windows-Eyes ce qui est déjà mieux qu'avec rien du tout même si cela reste insuffisant. Pour celà, ils utilisent Javascript pour donner le focus à l'élément mis à jour en lui spécifiant un tabindex à -1.
• TJKdesign nous propose encore un script bien utile pour permettre des effets de superposition de PNG transparent sur une image tout en restant accessible bien sûr.
• Un validateur html bien pratique car multipages et à l'interface bien pensée, en Creative commons qui plus est.
• Une proposition de changer le design des liens qui recoivent le focus lors de la navigation au clavier dans Firefox afin de les rendre plus visible, personnellement je suis complètement pour (même si je reprendrait plutôt la couleur jaune que l'on retrouve lorsqu'on tabule dans un Flash) et vous ?
• Enfin, joe Clark n'est pas le seul à trouver les WCAG 2.0 incompréhensibles, mon avis sur le sujet devrait quant à lui être pour bientôt dans un billet commun avec Monique de Webatou et Jean Pierre de Webonorme

Aujourd'hui trois grandes nouvelles, deux bonnes et une mauvaise, commençons donc par la mauvaise :

• Joe Clark, un des très grands monsieurs de l'accessibilité au niveau mondial n'est pas très optimiste par rapport au WCAG 2.0, pour lui elles nous mènent directement en enfer. Je vais tacher de revenir vers vous très vite (demain j'espère) pour vous faire une synthèse de cela en français et voir en quoi ces WCAG 2.0 pourraient ne pas être le messie tant attendu. (en attendant le débat fair rage sur la liste accessibilité numérique)

Passons au bonne nouvelle :

• Avec un peu de retard, je vous annonce la sortie de WebonOrme le premier annuaire francophone dédié à l'accessibilité et aux standards du web, dans lequel j'ai l'honneur d'être référencé (partie blog) et très bien classé pour l'instant.
• La sortie du volume 1 du "Manuel d'aide à l'évaluation des 92 critères AccessiWeb", Ce premier volume porte sur l'évaluation par le code source. Son contenu est extrait du Guide AccessiWeb. (dixit le site accessiweb).