aDesigner: un outil efficace
Posté le mardi 11 septembre 2007
Catégorie Accessibilité · billet n° 6 · rss
Dans le cadre du développement de sites accessibles, un outil développé par IBM (alphaWorks), aDesigner, permet de vérifier efficacement l'accessibilité des pages internet pour les internautes souffrant de problèmes de la vue.
A priori, il n'existe pas d'équivalent actuellement sur le marché du logiciel (l'outil en ligne Vischeck permet une analyse colorimétrique des pages, mais de manière moins poussée). aDesigner permet non seulement de contrôler les règles du WCAG 1 qui sont violées, mais également d'autres normes d'accessibilité (section 508, IBM guidelines, JIS). Quelques options (dont on voit une capture d'écran ci-dessous) permettent de configurer la ou les normes à respecter.

Une page internet peut être testée pour deux types globaux d'handicaps: mauvaise vision et cessité.
Malvoyants: vérifier la lisibilité d'une page.
Le mode LowVision permet de visualiser la page telle que quelqu'un souffrant de troubles de la vue la verrait. Différentes options sont configurables:
- Qualité de la vision (appelée eyesight, elle exprime l'acuité visuelle en pieds ou décimales)
- Type de daltonisme (protanopie, deutéranopie et tritanopie)
- Transparence du cristallin (cataracte)
Une fois la simulation lancée, l'écran présente à la fois la page normale et la page "filtrée":
L'outil propose également deux rapports (l'un sommaire et l'autre détaillé). Dans son rapport sommaire, aDesigner propose une note globale pour le site, sous forme d'étoiles, ainsi que des informations sur la combinaison de couleurs employées et sur la taille des polices. Son rapport détaillé, quant à lui, énumère chaque élément qui viole un point de l'une des normes configurées. Il présente le tout dans un tableau détaillant chaque erreur.

Ainsi, il est devient beaucoup plus aisé et rapide d'analyser globalement une page. Si l'on désire entrer dans les détails par la suite, un outil tel que Colour Contrast Analyser pourra prendre le relai et donner d'autres informations sur les couleurs et permettre un ajustement des couleurs employées. Utilisé en production, aDesigner permet de créer des pages dont le graphisme accessible a été analysé et approuvé. Pour les graphistes, il sera une source rapide et fiable d'informations, et leur permettra de trouver rapidement et aisément des solutions de rechange en cas de problème.
Aveugles: vérifier la structure et écouter une page.
Quand la page est inspectée en mode "aveugle", elle propose deux types distincts d'analyse: l'une basée sur la structure, l'autre sur l'écoute. L'analyse structurelle de la page produit un rapport détaillé sur le temps d'accès aux différentes informations, liens et objets situés sur la page. En les survolant, un tooltip indique le nombre de secondes qu'il faut pour y accéder. Un smiley permet de vérifier rapidement la qualité de la structure. Ce survol indique également les liens manquants et ceux qui pointent sur une ancre sur la page.

Le rapport détaillé, quant à lui, diffère quelque peu du précédent. cette fois-ci, c'est la structure de la page qui est mise en avant: liens manquants, répétition de liens identiques, mauvaise arborescence des éléments, difficulté d'écoute, etc.

L'autre mode de contrôle de la page pour un aveugle est de l'écouter. aDesigner permet d'écouter la page avec HomePage Reader (développé par IBM). Notez que cet outil sera bientôt remplacé par un autre logiciel dès la fin décembre 2007. La lecture de votre page vous donnera un excellent aperçu des problèmes de navigation ou de structuration qui persistent. Les redondances des menus, l'illogisme de certaines pratiques: l'audition d'une page rend ces points très clairs.
Pour conclure.
aDesigner est un produit de contrôle extrêmement efficace. Son atout majeur est de proposer une interface claire et relativement intuitive pour analyser des problèmes complexes (que l'on se réfère, par exemple, à l'algorithme d'analyse des contrastes proposé par le W3C). En plus de ses outils très spécifiques, il propose également un inspecteur des CSS, access keys, classes et ID. Il représente un logiciel parfait pour une première approche dans la conception d'un site accessible: il focalise en effet son attention sur des problèmes de base (structure, charte graphique). Une fois l'analyse de la page complétée sur aDesigner, d'autres outils permettront de la corriger et de l'adapter.
Trackbacks
Aucun trackback.
Les trackbacks pour ce billet sont fermés.
Ajouter un commentaire