Oyez! Oyez! Microsoft nous annonce la sortie imminente de IE7 pour la fin du mois et vous invite à signaler les bugs restant au plus vite.

Ironiquement, Microsoft nous demande "Are you Ready" ce à quoi je répondrais "and you ? I am sure you are not !". Depuis la béta 2 que j'avais testé si je dois reconnaitre que dans les faits l'affichage de beaucoup de site passe désormais mieux, ce n'est pas encore la panacée. En gros la liste de ce que j'avais testé et qui ne fonctionnait pas ne fonctionne toujours pas.

Là où cela devient plus inquiétant et irréaliste, c'est que du jour au lendemain pour peu que votre windows update soit actif (ce que je vous souhaite par ailleurs si vous ne voulez pas avoir un ordinateur plein de trou de sécurité) le passage en IE7 se fera tout seul lors d'un simple redémarrage de votre ordinateur (qui a parlé d'abus de position dominante).

Si vous voulez un conseil, si vous êtes développeur web prenez vos congés maintenant car d'ici peu de temps va y avoir de la prise de tête dans l'air. En attendant, vous pourrez toujours venir vous réconforter à la soirée de lancement Firefox 2, avec un peu de chance, on pourra même se recontrer là bas.

Et allez pour la route je vous rappel ce qui ne va pas dans IE7 :

Sur l'accessibilité :

• toujours pas de longdesc supporté
• les alt génèrent toujours des bulles

Selecteur CSS2 qui ne fonctionnent pas :

• active sur autre chose qu'un lien
• focus sur autre chose qu'un lien
• lang()
• after
• before

Selecteur CSS3 qui fonctionnent sur Firefox et pas sur IE7 :

• checked
• disabled
• empty
• enabled
• last-child
• only-child
• root
• target

Propriétés CSS qui fonctionnent pas:

• border-spacing
• content
• opacity
• text-shadow

bref aucun progrès

Vous pouvez voir par vous meme sur ce tableau récapitulatif ou tester par vous même.Bonne lecture et bon courage !

Aujourd'hui, ce n'est pas mon habitude mais je vais pousser un coup de gueule ou plutôt de désespoir.

Je viens de découvrir avec stupeur la nouvelle version du site de l'unadev (l'union des aveugles et déficients visuels pour les non initiés) et tout à coup, je me demande vraiment si au fond l'accessibilité numérique, les WCAG, et tout c'est pas juste un truc de boites d'informatique pour les informaticiens et que le public lui au fond il s'en fout et que ce n'est que du vent.

Comment peut-on à ce point ignorer les recommandations du W3C, du WAI, de l'europe, de la loi handicap, d'Accessiweb quant on est une association de ce type. Je n'ose pas croire que ni la personne en charge du site, ni son prestataire ne se soit posé la question de l'accessibilité du site. Ah, suis je bête ils en ont parlé et ils ont fait tout leur efforts, il y a une version dédiée pour les non et mal voyants. Elle est incomplète, inutilisable sans javascript et accessible uniquement depuis la page d'accueil mais ils n'allaient quand même pas en faire plus.

La liste des manques et des énormités sur ce site est trop importante pour être détaillée, j'espère tout de même qu'on ne leur a pas garanti que leur site était accessible.

Au delà de cette exemple éloquant, cela me renforce dans l'idée que :

1. Il y a encore d'énorme progrès à faire pour faire connaitre l'accessibilité numérique
2. Il y a plus que jamais besoin que les utilisateurs se mobilisent pour défendre leur droits
3. Il y a un besoin de structure et de méthode permettant de faire la recette de projet prenant en compte l'accessibilité (ici remarque le passage dans n'importe quel validateur d'accessibilité aurais suffit)

Je vous laisse découvrir cette pépite, que dis-je ce monument du genre et j'encourage les personnes qui seraient membre de cette assocation à envoyer un petit mail d'étonnement amical à son webmaster qui j'en suis sûr fera vite un effort pour régler tout cela.

Accessibilité

• deux nouveaux outils pour tester l'accessibilité, Acc une extension firefox (séduisante mais encore à ses début), et un validateur en ligne le Truwex online check for web accessibility.
• Si vous êtez en Chine, au Japon, aux Etats unis ou au Canada, IBM lance un Défi de codage d'accessibilité ODF pour les développeurs qui souhaiteraient faire des programmes améliorant la vie des gens comme un outil de validation d'accessibilité extensible pour des documents de traitement de texte créés en ODF. Malheureusement, les européens sont les seuls ou presque qui ne peuvent y participer. Ils pourront toujours ce consoler en revisant leur base avec cette présentation de l'accessibilité très bien faite (format pdf)
• Apparament un odieux personnage a critiqué la bonne parole de Joe Clark, sacrilège ! Ouh le vilain ! ( remarque, je me sens moins seul maintenant, nous aussi on va pouvoir créer un groupe de travail le RJWG "Rejected by Joe Working Group")

CSS et Javascript

• Une petite astuce css pour éviter que vos menus select passent par dessus vos blocs css. Pour une fois, on dit merci au bug ie ( Note: à vérifier si Jaws et autres ne buggent pas avec cette technique).
• Et un petit script pour manipuler facilement les class css (ajout, suppression, présence).

et voilà je repars pour 10 jours pour un petit périple en France, au programme les alentours de :

• Bourges,
• Brives,
• Agen,
• Arcachon,
• La rochelle,
• Tours.

Un joli petit circuit pour découvrir ces régions françaises que je ne connais que trop peu.

En attendant mon retour, encore quatres petits liens glanés dans ce mois d'aout bien calme :

Javascript

• Un petit script pour afficher automatiquement des légendes sous vos images en fonction de son title.
• Et un autre pour remplacer vos checkboxs et boutons input par des images en restant accessible bien sûr.

Accessibilité

• Pendant ce temps là, Joe Clark continue de s'acharner sur les WCAG 2.0
• Et Opquast et Accessiweb commence à avoir de la concurrence avec CollectiWeb.

La voilà enfin cette partie 2, rassurez vous, les explications seront beaucoup moins longues que pour la partie 1.

Pour ceux qui n'aime pas lire voyez directement le résultat

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.

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.