Le Blog de Büh - Accessibilité et conformité

le contenu | le büh | le sommaire | les liens

Max Europe 2007 : L'accessibilité dans Flex

Lors de la dernière conférence "Adobe Max Europe 2007" qui a eu lieu à Barcelone du 15 au 18 octobre, Mat May est venu faire une présentation autour du thème de l'accessibilité des applications développées avec Adobe Flex. Le site Flash xpress nous propose une vidéo de cette présentation : Développer des applications accessibles avec Flex

La présentation commence par expliquer les bénéfices de l'accessibilité puis, les éléments à prendre en compte lors du developpement :

  • Coder l'application en rendant l'application exploitable via clavier
  • Utiliser des éléments de code en Flex et Flash qui permettent de rendre accessible l'application (26 éléments sont cités)
  • Utiliser MSAA (Microsoft Active Accessibility) pour rendre exploitable l'application par les lecteurs d'ecran
  • Utiliser les solutions de sous-titrage (à base de xml) pour les vidéos
  • Fournir à l'utilisateur une aide sur l'utilisation des dispositifs spécifiques qui ont été developpés en vue d'améliorer l'accessibilité
  • Faire appel à des experts en accessibilité
  • Intégrer l'expérience utilisateur pour éprouver la mise en place de l'accessibilité

Améliorer l’accessibilité par la typographie

Le site pompage nous propose un article : Améliorer l’accessibilité par la typographie. Il s'agit de la traduction par Goulven Champenois d'un article de Joe Dolson : Improving Accessibility through Typography.

RGAA - check-list basé sur le champ d'application

Je commence à réfléchir depuis un bon moment à l'intégration des notions d'accessibilité dans les projets web. J'ai donc commencé à chercher quelle base de travail utiliser, et mon choix s'est porté sur le Référentiel Général d’Accessibilité pour les Administrations (RGAA) pour plusieurs raisons :

  • Le jour où un décret d'application de la loi n°2005-102 de février 2005 sera mis en place pour rendre obligatoire l'accessibilité des sites web du secteur public, c'est vraisemblablement ce document qui sera pris en référence, et qui devra être suivi par les agences web qui réaliseront les sites web du secteur public. Donc, utiliser déjà le RGAA, c'est anticiper le futur, et pouvoir assurer à ses clients qu'ils n'auront pas à complètement refondre leur site quand le décret sera adopté, même si le RGAA aura peut être évolué d'ici là.
  • Le document prend comme référence le WCAG 1.0, et donc suivre le RGAA c'est suivre les recommandations du W3C en terme d'accessibilité.
  • Il s'agit du document le plus récent à ce jour (par rapport aux critères AccessiWeb) et il prend en compte d'autres recommandations que WCAG : UWEM et AERT.
  • Le document fourni des explications et des exemples pour aider à la bonne compréhension des directives.
Le champ d'application comme filtre

Les tests proposés dans le RGAA ont la particularité d'indiquer clairement le champ d'application du test. Pour le test 1.1.1 Présence de l'attribut alt par exemple, il est indiqué que le champ d'application se limite aux éléments img, area, input type='image' et applet. Je me suis rendu compte qu'un champ d'application pouvait être commun à plusieurs tests. Si nous prenons par exemple l'élément fieldset, il fait partie du champ d'application du test 3.3.2, du test 12.3.2 et du test 12.3.3. Donc, j'ai eu l'idée de filtrer tous les tests, pour obtenir une fiche par élément, ce qui permettrait de faire en une fois tous les tests correspondants à cet élément. Ainsi, j'ai crée chacune de ses fiches sous ce modèle :

La colonne WCAG indique le niveau WCAG du test :

  • A : Ce qui doit être fait
  • AA : Ce qui devrait être fait
  • AAA : Ce qui pourrait être fait

La colonne Priorité donne des indications sur le caractère prioritaire du test dans le cadre d'un déploiement dans le temps du RGAA :

  • Priorité 1 :
    • année N : Obligatoire
    • année N+1 : Obligatoire
    • année N+2 : Obligatoire
  • Priorité 2 :
    • année N : Recommandé
    • année N+1 : Obligatoire
    • année N+2 : Obligatoire
  • Priorité 3 :
    • année N : Recommandé
    • année N+1 : Recommandé
    • année N+2 : Obligatoire
  • Priorité 4 :
    • année N : Recommandé
    • année N+1 : Recommandé
    • année N+2 : Recommandé

La colonne Points de contrôle indique le numéro du point le contrôle auquel est lié le test. Un lien hypertexte renvoie vers la page web de la fiche RGAA du point de contrôle. Il est très utile, voire indispensable de consulter cette fiche pour mieux comprendre, par l'explication et les exemples fournis, comment faire le test.



La colonne Tests donne le titre du test. Un lien hypertexte renvoie vers la page web de la fiche RGAA du test.



La colonne champ d'application indique le champ d'application du test, que j'ai élargi en indiquant si cela concernait le code html ou le code css, et en donnant des précisions supplémentaires. Un lien hypertexte sur le mot champ d'application renvoie vers la première feuille du classeur Excel, qui forme la liste de tous les éléments à tester.



La colonne vérification fait apparaître la vérification qui doit être faite à travers le test. J'ai modifié sensiblement le texte à chaque fois pour préciser le champ d'application, ainsi j'ai par exemple remplacé le texte "Si l'un des éléments mentionnés dans le champ d'application est présent dans la page, poursuivre le test, sinon le test est validé" par le texte "Si la balise <fieldset></fieldset> est présente dans la page, poursuivre le test, sinon le test est validé."

Je me suis donc retrouvé avec une feuille par élément. Pour pouvoir facilement consulter les feuilles j'ai crée une feuille qui se trouve au début du classeur avec un tableau qui liste l'ensemble des éléments sous cette forme :

Un lien hypertexte sur chacun des éléments renvoie vers la feuille du classeur Excel qui liste tous les tests à effectuer pour l'élément concerné.

Pour ne pas surcharger un seul classeur, j'ai crée 3 classeurs :

  • 1-html-checklist.xls qui regroupe tous les éléments à tester trouvables dans un document html,
  • 2-css-checklist.xls qui regroupe tous les éléments à tester trouvables dans un document css,
  • 3-divers-checklist.xls qui regroupe tous les éléments à tester que je n'ai pas pu classer dans les 2 précédents classeurs.

Les versions Excel et OpenOffice se trouve dans ce dossier. Les versions OpenOffice sont justes des conversions des versions Excel mais elles fonctionnent.

Pourquoi ai-je voulu réorganiser les tests du RGAA par champ d'application ?

Je veux pouvoir faire en sorte que les tests sur un site web puisse se faire de manière linéaire, ligne à ligne, effectuer les tests sans avoir ensuite à revenir en arrière dans le code pour faire les autres tests. C'est une vision peut être trop orienté code des tests du RGAA, j'en ai conscience.

Pour finir, je tiens à préciser que tout ce que je viens de présenter ici n'a rien d'officiel ni de définitif, et qu'il y a peut-être des inexactitudes dans mes tableaux. Il s'agit avant tout de travaux en cours issus de réflexions personnelles sur le RGAA, réflexions non achevées ;-)

Si vous avez des remarques sur ma démarche, je suis tout ouïe :)

Big.com : L'accessibilité au service de la publicité

Big.com est un moteur de recherche proposé par Yahoo, qui est censé s'adresser au personnes ayant des problèmes de vue. Du coup, on se retrouve avec une page d'accueil et de résultat avec une taille de police très grande :

Le gros défaut du site c'est que toute la moitié droite de la page est occupé par les liens sponsorisés, ce qui nuit à la lisibilité de la page de résultat, la lisibilité qui est normalement le credo de ce site : "The most readable results on the web."

Personnellement, je me pose la question de l'intérêt d'un tel site, par rapport à Yahoo Search qui me parait disposer d'une page de résultats plus lisible (et surtout moins pollué) que celle de Big.com lorsque l'on agrandit la police de caractère avec le raccourci clavier Ctrl et +.

Accesstech, nouvelle liste de diffusion sur l'accessibilité du web

Accesstech est une nouvelle liste de diffusion francophone dédiée à l'accessibilité du web, d'un point de vue technique.

Je vous invite à lire le billet de lancement, ainsi que de vous inscrire sur cette liste bien sûr !

Alpinisme, accessibilité et RGAA

Elie Sloïm, un des auteurs du RGAA, vient de publier un billet : Alpinisme, accessibilité et RGAA.

Par le biais d'une jolie métaphore, il nous explique les avantages d'une des particularité du RGAA, celle de pouvoir déployer dans le temps et à son rythme les différentes directives.

Compte rendu de la DGME sur la réunion RGAA du 18 septembre 2007

Un compte rendu (non officiel) de la DGME (direction générale de la Modernisation de l’État) sur la réunion RGAA (Référentiel général d'Accessibilité pour les Administrations) du 18 septembre 2007 vient d'être publié par l'association Braillenet : 17 octobre 2007: compte rendu de la D.G.M.E. sur la réunion R.G.A.A. du 18 septembre 2007

On y apprend des choses intéréssantes et à titre personnel, je trouve dommage que la DGME ne communique pas plus, de manière officielle, sur les travaux en cours sur le RGAA. Cela est dommage que l'on obtienne ces infos de manière détournée, alors que cela concerne, à mon avis, l'ensemble des utilisateurs du RGAA.

Table-ronde : accessibilité – ergonomie du web : compte-rendu

Une conférence avait lieu à Lille sur l'accessibilité et l'ergonomie du web le vendredi 12 octobre.

Un compte rendu est disponible sur le site Blog en Nord : L'accessibilité - ergonomie du web et apéro référenceur blog en nord : compte rendu

On y trouve une présentation powerpoint, des podcasts, et plusieurs compte rendus des participants.

Une conférence sur les livres électroniques accessibles

2ème Forum européen de l'accessibilité numérique - Livres électroniques accessibles : une chance pour les personnes handicapées

Sous le patronage de Nicolas Sarkozy, Président de la République, de Christine Albanel, Ministre de la Culture et de la Communication et Valérie Pécresse, Ministre de l'Enseignement Supérieur et de la Recherche, BrailleNet organise, le 28 janvier 2008 à la Cité des Sciences de la Villette, un forum sur le thème : « Livres électroniques accessibles, une chance pour les personnes handicapées »

Les différentes questions abordées :

  • Besoins et expériences des lecteurs
  • Services pour l'accès égal à la lecture
  • La chaîne éditoriale accessible
  • Droits d'auteur et accessibilité
  • Bibliothèques numériques accessibles
  • Bonnes pratiques dans le monde

Source : Article sur ARTESI

Interview du directeur Europe du W3C

Daniel Dardailler, directeur Europe du W3C, réponds aujourd'hui aux questions du Journal du Net : Daniel Dardailler (W3C) : "L'accessibilité Web implique de séparer clairement la forme et la fonction de l'application" On y apprend des choses intéressantes comme la position du W3C par rapport aux labels nationaux d'accessibilité.

Le portail Target attaqué en justice pour discrimination contre les handicapés

Génération Nouvelles technologies nous relate une action en justice aux États Unis : Accessibilité Web : les aveugles contre le portail Target

Le site de commerce en ligne Target.com est accusé de ne pas être accessible aux aveugles, et donc d'enfreindre les lois fédérales et nationales qui interdisent la discrimination contre les handicapés.

Le juge fédéral de Californie a donné son accord pour l'établissement d'une class action contre le groupe Target Corp.

Source Reuters de la news

Je ne sais pas si cette affaire est la suite de celle-ci : Plainte d'un étudiant aveugle contre un site e-commerce

Cette action en justice ne m'étonne pas et j'en suis plutôt satisfait. L'accessibilité web a eu une première phase où c'était une affaire de convaincus, et de férus d'accessibilité. Mais pour faire avancer de manière significative l'accessibilité, nous rentrons dans une seconde phase où il va falloir contraindre par la loi les "irréductibles". Cela commence aux États Unis, où les lobbies sont très puissants, mais je ne doute pas que cela puisse se répandre au dehors des États Unis.

Webographie sur l'accessibilité et l'ergonomie web

Eric Delcroix sur le site les z'ed nous dresse une Webographie sur l'accessibilité et l'ergonomie web qui nous donne une mine de ressources sur l'accessibilité, les standards, l'ergonomie et l'handicap.

Conférence "A la découverte de l'accessibilité" à Limoges

La conférence "A la découverte de l'accessibilité" à Limoges a eu lieu aujourdh'ui. Elie Sloïm, via son blog, nous fait partager ce moment en décrivant et commentant en direct les échanges lors de cette conférence.

Transcrire les contenus audiovisuels

Elie Sloïm, un des auteurs du RGAA, vient de publier un billet : Transcrire les contenus audiovisuels.

Ce billet insiste sur le fait qu'offrir une transcription textuelle des contenus audiovisuels permet non seulement de les rendre accessible au personnes ayant un handicap qui ne leur permet pas de bénéficier des ces contenus, mais cela permet aussi de pouvoir exploiter un peu mieux ces contenus en ayant la possibilité de les indexer, de pouvoir faire des recherches de mots clés. Cela permet aussi à ces contenus de devenir plus digeste auprès des moteurs de recherche comme Google et donc d'en faciliter le référencement.

J'ajouterais que la transcription des contenus audiovisuels est nécessaire, mais ne suffit pas. En effet, 80% des sourds ne savent pas lire, leur langue natale c'est la langue des signes. Donc idéalement, il faudrait pouvoir accompagner les contenus audiovisuels d'une version en langue des signes. La transcription textuelle pourrait être utilisé par des avatars 3D qui signeraient en langue des signes. La technologie est prête pour pouvoir le faire : Sisi : la langue des signes sous la forme d'un avatar

Utiliser Internet quand on n'y voit rien

Ouest France vient de publier un article sur l'accessibilité des sites web : Utiliser Internet quand on n'y voit rien