Blog Accessibilité

Je travaille en ce moment sur le daltonisme, et je tenais à vous parler de deux outils. Ils ne sont pas mentionnés dans le dossier daltonisme (je ne les connaissait pas à l'époque) et ils me semblent incontournables.

• Colorblind Web Page Filter permet de simuler le rendu d'une page selon un type de daltonisme donné (deuteranope, protanope...). Sa grande qualité par rapport à un classique comme VisCheck, c'est de très bien gérer les images, y compris celles appelées par les CSS. Exemple pour le Blog Accessibilité:

• Color Simulation Controls offre un nuancier de couleur vu selon un type de daltonisme. L'intérêt ? Pouvoir créer une charte graphique spécifique pour personnes daltoniennes sans pour autant l'être soi-même !

Et pour la route, un rappel des deux critères d'accessibilité relatifs aux couleurs:

• critère 3.1: L'information donnée par la couleur est-elle aussi lisible lorsque les couleurs sont désactivées ?
• critère 3.2: Les différences de contrastes entre les couleurs sont-elles suffisamment élevées ?

L'outil de vérification de contraste de couleur (Colour Contrast Analyser) est sorti en version 1.1.

C'est un outil pour windows exclusivement, et pour les personnes, comme votre serviteur sous Linux Mandriva, qui ne l'utilisent pas, ce n'est guère utile. Mais ça ne m'empèchera pas d'en dire du bien !

La précédente version était un bon outil pour diagnostiquer un éventuel problème de contraste. Mais une fois le problème identifié, il fallait trouver la bonne teinte, et c'est là que commence la capillo-traction (comprendre l'arrachage de cheveux).

La nouveauté de la version 1.1 est d'inclure des potentiomètres sur les teintes rouge, vert et bleu afin de modifier finement la couleur. Et pour l'avoir testé intensément ces deux derniers jours, je peux vous dire que c'est bien !

L'extension WebDeveloper pour Firefox vient de sortir en version 1.0. On en présente plus cette extension indispensable à tout développeur web qui se respecte.

La version 1.0 apporte un grand nombre de corrections de bug et de fonctionnalités. Parmis les plus intéressantes, j'ai noté:

Menu Images

• un réaménagement du menu "images": maintenant c'est bien plus clair
• l'affichage des ALT lors du "view image information", un point qui manquait par rapport à la Accessibility Toolbar de IE. (Critère 1.1)

Menu Information

• un réagencement du menu "information": là aussi c'est plus clair et bien plus complet. On peut selectionner plus d'éléments individuellement.
• dans le genre killer-application, le "Display Element Information" (menu information) est une vraie merveille.
• la fonction "Display table information" permet d'afficher l'attribut summary des tableaux (critère 5.1)
• la fonction "View Document Outline" permet de dresser le plan (selon les titres Hx) de la page. C'était une des grandes fonctionnalités qui manquait par rapport à la Accessibility Toolbar pour IE. (Critère 9.2)
• une vraie fonction pour connaitre la taille totale de la page: View document size. Tout est pris en compte, les scripts, les CSS, les images, le HTML ; mêmes les images appelées dans la CSS sont prises en comptes. Et en plus d'être extrêmement pratique, c'est beau ! (Critère 12.8)
• la fonction "Display div order" est une petite merveille: on peut maintenant très simplement voir l'ordre des blocs et ainsi vérifier s'il n'y a pas de rupture avec le sens de lecture. (Critère 10.3)

Menu Miscellaneous

• fonction "Display ruler" qui remplace avantageusement l'extension MeasureIt.
• la fonction "Show comnent" est superbe: elle affiches les commentaires HTML par le biais d'un discret point d'exclamation, qui présente le commentaire entier lorsqu'on clique dessus.
• là aussi, une autre "fonction qui tue": Edit HTML. Au même titre qu'on peut avec EditCSS modifier les CSS, on peut désormais modifier en direct le HTML. Cela devrait grandement faciliter la vie du développeur web.

Menu Outline

• la grande nouveauté ici est sans doute la selection des éléménts positionnés en CSS. On peut ainsi surligner les blocs positionnés (relative, absolute, float). (Aussi utile pour le Critère 10.3)

En bref, la version 1.0 consistitue un vrai pas en avant, et confirme Firefox comme la plateforme de développement web.

Après cette liste de nouveautés, je vous souhaite quand même mes meilleurs voeux et une bonne année 2006. Maintenant je retourne finir ma digestion

FANGS vient de sortir en version 0.93. Cette extension pour firefox a pour but de simuler un lecteur d'ecran (voir le billet FANGS un simulateur de lecteur d'écran pour Firefox).

Cette extension est une vraie bonne idée et une petite merveille. Elle permet à tout un chacun de se faire une idée du rendu d'une page par une synthèse vocale, et notamment de "visualiser" l'effet tunnel.

Parmi les nouveautés de cette version, j'ai apprécié les indications de changement de langue et l'apparition d'une aide et d'un tutoriel.

Pete, l'auteur de FANGS, lance un appel pour la localisation (traduction) de FANGS. La parole est à vous !

Pointeurs:

• Dernier billet de Pete sur FANGS 0.93
• FANGS sur Sourceforge

Le daltonisme est une forme de handicap visuel. Nous allons voir comment il se présente et par quels moyens le web designer peut allier créativité et accessibilité du web.

Read next

La version 0.81 de Fangs est sortie. Pour mémoire Fangs est un simulateur de lecteur d'écran pour Firefox, sous contrat de licence libre, et multi-plateforme (win32, GNU/linux, macOS, solaris i386, solaris Sparc).

La version 1.0 approche et les fonctionnalités s'améliorent et grandissent. Parmi les nouveautés, j'ai noté:

• la gestion des frame et iframe
• la liste des titres
• la liste des liens
• la colorisation des informations contextuelles (lien, titre, tableau...)
• le contenu de Fangs est dans une fenêtre à part entière (et plus une popup), ce qui permet d'utiliser toutes les fonctions d'édition dont le copier/coller et surtout la recherche parmi le texte généré

Même s'il ne remplace pas une synthèse vocale, Fangs est un très bon outil pour tester différemment ses sites à un coût défiant toute concurrence.

Pointeurs:

• la page du projet Fangs chez SourceForge
• la page de l'auteur de Fangs
• FANGS un simulateur de lecteur d'écran pour Firefox
• FANGS version 0.73

Premier billet de l'année 2005. L'occasion pour moi de souhaiter mes meileurs voeux aux (nombreux) lecteurs du Blog-Accesibilité. Que cette année vous soit bonne, heureuse et accessible !

Une nouvelle version de FANGS vient de sortir. La version 0.73 de FANGS est téléchargeable directement sur SF (le site n'est pas encore mis à jour à l'heure où j'écris ces lignes). On notera des améliorations dans la gestion des formulaires, des nombres, des liens et des listes, et bien sûr de nombreux bugs corrigés.

Une belle extension pour Firefox très pratique pour se faire un idée du rendu d'une synthèse vocale.

Alors que FANGS vient de sortir en version 0.70, Firefox devient enfin utilisable avec Jaws. C'est l'Université du Texas qui est à l'origine de ce projet, et qui a eu le courage (et le financement) de faire les scripts Jaws et l'extension Firefox adequats. Une bonne nouvelle n'arrivant jamais seule, le tout est sous licence GPL.

Pour replacer le contexte, Freedom Scientific, éditeur de Jaws, synthèse vocale la plus répandue, n'a jamais jugé bon de supporter un autre navigateur que Internet Explorer (qui a dit lobby ?). La seule issue était d'attendre qu'une ame charitable écrive les scripts nécessaires. Il fallait attendre longtemps vu les compétences requises pour écrire de tels scripts (qui mériteraient plus l'appelation de programme pour le coup).

Le travail accompli par l'Université du Texas est d'autant plus remarquable que les développeurs ont identifié les points faibles de la couche MSAA et tiré parti du moteur de rendu HTML de Firefox. On ne ré-invente pas la roue et on mets à profit les développements libres existants, illustrant ainsi l'expression chère à Newton, hissé sur l'épaule des géants.

Une présentation générale du projet (format PDF) est disponible sur le site du projet JAWS Screen Reader Adaptation for Mozilla Firefox

Par ailleurs, Luc Segura a commencé une localisation en français du projet Jaws-Firefox, et n'attend plus que votre aide !

Fred Cavazza nous apprend l'existence d'une extension pour Firefox plutôt originale. FANGS, c'est son petit nom, permet de simuler le rendu d'un lecteur d'écran.

Coupons court à toute spéculation, FANGS ne fait pas de synthèse vocale. La simulation consiste, pour une page web donnée, à générer une nouvelle page de texte telle que la lirait un lecteur d'écran comme Jaws ou Gnopernicus. On dispose ainsi du texte brut avec, en plus, le nombre de liens et de titres dans la page, le mot "graphique" devant chaque image, le mot "lien" devant chaque lien, la description des tableaux, etc.

Ma première impression était assez mitigée. Ce n'est qu'une simulation, et les personnes qui ne connaissent pas la synthèse vocale n'appréhendront pas la difficulté de navigation avec un Jaws. Pour les voyants, il manque encore la restitution de cet effet tunnel procuré par la synthèse vocale: une fois lancé dans la lecture mot par mot, on ne sait pas quel mot va arriver, et surtout on oublie très vite ce qui vient d'être dit deux paragraphes plus haut.

Par contre, à jouer un peu plus avec FANGS et à regarder des sites comme Yahoo, Google, ou le Blog Accessibilité, on voit bien (au sens propre du terme) un certain ratio entre information textuelle et information de mise en forme. C'est particulièrement vrai sur les tableaux où le texte est parsemé de "Table with 1 column and 15 rows. Table with 4 columns and 1 row". Je pense que ça fait un bon outil, qui plus est multi-plateforme, pour avoir un ordre d'idée (mais pas plus) de l'accessibilité d'une page.

Pour une version 0.52, elle est déjà bien abouti. Evidemment on aimerait avoir une version française (un volontaire ?) pour voir "tableau" plutôt que "table", ou "tiret" plutôt que "dash". Si ce projet ne se borne pas à reproduire les comportements de Jaws (changeant au fil des versions), ce sera très certainement un bel outil.

Le téléchargement de FANGS, ainsi que les explications, se trouvent chez standards-schmandards.com. Firefox 1.0 est requis (pas de PR ou de version 0.x). Enfin, une copie d'écran de FANGS en action est aussi disponible, et un projet SourceForge est ouvert.