Planète Accessibilité

Ces derniers temps, on parle de la journée du 9 mai, c'est-à-dire demain, comme la journée mondiale de sensibilisation à l'accessibilité. Un compte Twitter en anglais dédié à cette journée a même été ouvert, d'ailleurs.

Pourquoi diable une journée mondiale ? Ce devrait être tous les jours la journée de sensibilisation à l'accessibilité, non ?

Ouch, la dernière fois que j'ai publié quelque chose sur ce blog, c'était déjà pour annoncer l'appel à orateurs de Paris Web 2011. Comme c'est un événement qui me tient particulièrement à cœur et que j'ai le plaisir de co-organiser avec une équipe passionnante, je ne me peux pas me permettre de ne pas en parler ici. D'autant que comme tous les ans, parmi les nombreuses thématiques que nous souhaitons aborder, se retrouve l'accessibilité !

Vous pouvez prendre connaissance de l'appel à orateurs complet sur le site de l'événement : Paris Web 2012 : appel à orateurs, et je vous en rappelle l'essentiel ci-dessous.

La septième édition des conférences Paris-Web lance son appel à orateurs.

2012. Et si les Mayas, peuple visionnaire, avaient vu juste dans leur prophétie ?

Certains signes annonciateurs ne trompent pas : responsive design, mobile first, single page application, croissance exponentielle des supports mobiles face aux supports traditionnels, nouveaux navigateurs mais aussi nouvelles méthodes de conception, cloud, génération temps réel, etc. Ces phénomènes nous montrent que dans certains domaines, le futur a déjà commencé. Dans bon nombre d'autres, il reste à inventer.

C'est pourquoi, pour la septième édition de son cycle de conférences, l'association Paris-Web propose aux participants de réfléchir sur la question suivante :

« Et si 2012 était l'année de la fin d'un monde, celui d'Internet tel que nous le connaissons et tel que nous le réalisons ? ».

Que le thème vous inspire ou que vous souhaitiez intervenir sur les sujets plus traditionnels que sont la qualité, l'accessibilité et le design pour la construction et la maintenance de présence web, vos propositions sont attendues avec impatience.

Pour ce faire, vous avez jusqu'au 1^er juin 2012 pour envoyer vos propositions.
Mais, hâtez-vous... car la fin du monde approche !

Les propositions de sujets peuvent suivre les formats suivants :

• Conférence : 50 minutes, questions comprises.
• Mini-conférence : 15 minutes, sans questions du public.
• Lightning talk : 3 minutes, sans questions du public.
• Atelier : 1 heure 30 (ou 3 heures pour un atelier double).

Les conférences et mini-conférences auront lieu dans les amphithéâtres les jeudi 18 et vendredi 19 octobre 2012 au Forum IBM à Bois-Colombes. Les ateliers auront lieu dans des salles de 40 à 60 personnes le samedi 20 octobre dans les locaux de Cifacom à Montreuil. Ils sont l’occasion d’une grande interactivité, et peuvent être soit sous une forme théorique, soit sous une forme pratique (le cas échéant, des salles équipées d’ordinateurs seront prévues).

À propos de la conférence Paris Web

La conférence Paris Web est l'une des plus importantes rencontres annuelles pour les professionnels du Web. Ils y prennent connaissance des dernières techniques autant que des pratiques fortement établies, sous le thème général de la qualité, de l'accessibilité et de la compatibilité ascendante. Certains des plus grands noms de l'industrie web ont fait des présentation lors des éditions précédentes, parmi lesquels des membres de Microsoft, Google, Yahoo!, le W3C, Mozilla ou Opera.

Plus d'informations sur le site web de la précédente édition (2011).

À propos de l'association Paris-Web

L'association Paris-Web est une association à but non lucratif, créée en 2005 dans le but de promouvoir le développement d’un web de qualité. Elle organise les conférences et ateliers « Paris Web », qui ont réuni en 2011 plus de 650 professionnels du Web (Paris Web 2011 en chiffres). Ses membres sont parmi les plus fervents défenseurs francophones de l'accessibilité, de la qualité et des standards du Web.

Plus d'information sur l'association et ses membres.

Parmi les solutions existantes pour utiliser une police exotique sur une page Web, il y a Cufón, une technique basée sur le JavaScript consistant à remplacer du texte par du texte tracé dans la police exotique voulue, au moyen, notamment, de l'élément canvas, le texte original demeurant codé en dur dans le code source généré. Ce dernier point donne à entendre qu'a priori, l'accessibilité est préservée. Or, ce n'est pas tout à fait le cas.

Pour illustrer mon propos, je prends un exemple, tiré de la page d'accueil du site de la commune de Saint-Genis-Pouilly (la même page archivée comportant l'exemple illustrant mon propos), qui recourt à Cufón pour certains titres de section, comme le titre « Actualités », dont le code source généré est le suivant :

<h2>
  <cufon alt="Actualités">
    <canvas width="99" height="23"></canvas>
    <cufontext>Actualités</cufontext>
  </cufon>
</h2>

Si je lis cette portion de page Web avec VoiceOver pour iOS (test effectué sur un iPad), ce dernier me restitue bien le niveau du titre de section, mais se contente, pour le contenu de l'élément h2, de dire image. Si je désactive JavaScript (ce qui a pour effet de désactiver Cufón), en revanche, le contenu est correctement restitué.

Mais, ce qui est étrange, c'est qu'en testant avec VoiceOver pour Mac OS X Leopard, ce dernier me restitue correctement le contenu du titre de section incriminé tel que passé à la moulinette de Cufón.

S'agit-il du résultat d'une évolution de VoiceOver qui ne restituerait plus le contenu textuel de l'élément cufontext ? Dans ce cas, j'ai remarqué que ledit élément cufontext était masqué en CSS, sans display: none, mais avec width et height définies à 0, ce qui rend tentante l'hypothèse de la non-restitution par VoiceOver de contenus masqués au moyen de width: 0 et height: 0. Ou bien s'agit-il d'un bug de VoiceOver pour iOS ? Je l'ignore.

Quoi qu'il en soit, si vous souhaitez utiliser une police exotique, la meilleure solution, à la fois du point de vue du code, de la maintenance et de l'accessibilité, est l'utilisation de la règle CSS 3 @font-face.

Une trouvaille que j'ai dénichée sur Twitter : les WCAG 2.0 sont disponibles en tant que standard ISO/IEC DIS 40500. La documentation concernant le standard ISO est disponible pour 66 francs suisses.

Jeudi dernier s'est tenue la Conférence Romande sur l'Accessibilité du Web 2012, première édition de ce genre, organisée par la société Telono.

Les conférences

En ce qui concerne les conférences et les sujets qui ont été abordés, il est difficile d'effectuer un compte-rendu sans reprendre les LT qui ont fidèlement relayé l'événement : il suffit de suivre le hashtag #CRAW2012 sur Twitter pour s'en convaincre.

Mais, avant toute chose, je tiens à souligner que certains intervenants venaient de Suisse alémanique et ont fait l'effort de tenir leurs conférences respectives en français, malgré les difficultés pour eux. Qu'ils en soient remerciés.

Première partie (matinée)

Après un petit mot de bienvenue de Florian Egger, le gérant de Telono, Carine Rivière ouvre le bal par une introduction à l'accessibilité au cours de laquelle elle tient à défaire certains préjugés tenaces à ce sujet (complications, coûts, rapports avec le graphisme).

Ensuite, Julien Conti et Christophe Oberson font des démonstrations de l'utilisation d'un lecteur d'écran couplé à une plage braille et à une synthèse vocale et d'un agrandisseur d'écran, en insistant sur les problèmes d'accessibilité auxquels ils sont confrontés (Julien Conti est aveugle et Christophe Oberson malvoyant).

Puis, Jean-Pierre Villain évoque les WCAG, ainsi que les référentiels qui en sont les méthodes d'application, et introduit l'auditoire à ARIA, tout en affirmant que les landmarks ARIA peuvent être utilisés dès maintenant et que n'importe quel référentiel peut être utilisé pour évaluer l'accessibilité des sites Web, pourvu qu'il se réfère aux WCAG 2.0.

Donato Rotunno clôt la première partie en évoquant l'optimisation de l'accessibilité dans le cadre du responsive Web design.

Seconde partie (après-midi)

Markus Riesch présente le cadre législatif suisse en matière d'accessibilité : l'article 8 de la Constitution de la Confédération Helvétique, la loi LHand de 2004, l'ordonnance OHand qui s'y rattache et les normes P028 (pour les sites Web des instances fédérales) et eCH-0059 (pour les sites Web des cantons et des communes). Il évoque une étude menée en 2011 par la fondation Accès pour tous sur l'accessibilité des sites Web des principales instances fédérales suisses, des cantons et des principales villes suisses. Daniele Corciulo, pour sa part, évoque les écueils auxquels, en tant qu'utilisateur malvoyant, il est confronté lorsqu'il effectue des démarches administratives en ligne, tout en se rangeant clairement parmi les populations atteintes d'un handicap visuel qui plébiscitent l'iPhone pour son accessibilité.

Puis, Jean-Pierre Villain revient à la barre pour parler de l'accessibilité de demain et, plus précisément, d'ARIA, avec des exemples concrets accompagnés de démonstrations avec deux lecteurs d'écran en mode synthèse vocale : un formulaire avec des messages d'information étoffés, une barre de progression, un tchat. Puis, Romain Gervois fait des démonstrations d'accessibilité avec un iPhone, notamment l'utilisation de Siri et une application de reconnaissance optique des billets de banque (qui sèche, toutefois, quand il s'agit des francs suisses).

Carine Rivière et Laetitia Giannettini apportent leur regard d'ergonomes Web sur l'accessibilité, en démontrant qu'ergonomie et accessibilité partagent une même philosophie, voire convergent, et que l'ergonomie peut apporter beaucoup à l'accessibilité, notamment dans le domaine des tests utilisateurs, ce qui suscite un petit débat bien nourri par Jean-Pierre Villain, qui met en garde contre le risque qu'un test utilisateur centré sur un seul handicap n'en occulte tous les autres.

Laetitia Giannettini poursuit en solo en présentant une étude de cas sur l'intégration de l'accessibilité dans un projet Web en milieu bancaire, sous la forme d'un retour d'expérience montrant comment l'accessibilité a été progressivement implémentée, alors qu'elle en était absente au départ, et surtout comment l'occasion a été saisie de sensibiliser le client à l'accessibilité. En même temps, elle rapporte quelques écueils auxquels elle a été confrontée, notamment le fait que le client pensait que, puisque les gabarits HTML fournis pour le projet Web étaient accessibles, les nouvelles applications développées seraient dorénavant accessibles, ce qui est un raisonnement faux, dans la mesure où il suffit que la solution back-end retenue ne génère pas de code accessible pour que l'accessibilité soit fichue en l'air (d'ailleurs, pour le projet en question, un nouveau framework a été adopté par le client sans la moindre consultation en matière d'accessibilité), sans oublier un manque de coopération. Forte de ce retour d'expérience, Laetitia Giannettini recommande une approche transversale, l'intégration de l'accessibilité dès en amont des projets, la nomination d'un expert en accessibilité en tant que référent pour toutes les équipes intervenantes, la formation et la sensibilisation.

Puis, Yannick Guerdat rapporte l'intégration de l'accessibilité dans la refonte du site Web du canton du Jura, une intégration d'autant plus réussie que le site refondu est propulsé par un CMS (propriétaire) respectueux de l'accessibilité et a obtenu la certification AA, sans oublier que le canton du Jura a affiché une forte volonté et a mis les moyens pour parvenir à cette fin.

Enfin, en guise de conclusion, Carine Rivière remercie les intervenants, auxquels elle donne successivement la parole pour recueillir leurs impressions.

Le feedback

À la fin de la journée, chaque participant était invité à répondre à un questionnaire de satisfaction et de suggestions. Pour ma part, j'ai été très satisfait de l'organisation et du contenu. Mais, des améliorations sont encore possibles.

D'abord, il faudrait trouver un lieu plus grand que la salle qui a été utilisée et qui s'est trouvée insuffisante, compte tenu de l'affluence (une soixantaine de personnes), les tables formant un U et certains participants s'étant trouvés assis à l'intérieur de ce U, ce qui n'était pas très pratique pour suivre confortablement les intervenants. L'idéal serait de trouver un amphithéâtre.

Ensuite, il serait plus judicieux d'afficher les pseudos Twitter des intervenants en regard de leur nom, ce qui éviterait à ceux qui relayent l'événement une recherche parfois fastidieuse parfois incertaine. À propos des intervenants, il serait également judicieux de les filmer, à l'instar de ce qui se fait lors des différentes éditions de Paris Web.

Enfin, à l'instar de Paris Web, de Sud Web ou de la Kiwi Party, la Conférence Romande sur l'Accessibilité du Web devrait faire l'objet d'un site Web dédié, qui comporterait à la fois le programme, la présentation des intervenants, le formulaire d'inscription, les informations pratiques, les vidéos et photos de l'événement et les archives des éditions précédentes. Parallèlement au site Web, une présence dédiée sur les réseaux sociaux, voire sur Flickr, serait bienvenue.

Pour finir

Je remercie la société Telono, et plus particulièrement, Carine Rivière et Laetitia Giannettini, de s'être impliquées pour la réussite de cette première édition. Vivement l'édition 2013 !

Le 26 avril prochain, à Genève, se tiendra la Conférence Romande sur l'Accessibilité du Web 2012.

Cet événement, organisé par la société Telono, une société de conseil en expérience utilisateur basée à Genève et intervenant dans les domaines de l'ergonomie informatique et de l'accessibilité du Web, est particulièrement retentissant dans le paysage des cycles de conférences, d'ateliers, de forums et de rencontres plus ou moins informelles sur l'accessibilité du Web, puisqu'il s'agit du premier événement sur l'accessibilité du Web en Suisse romande, voire dans toute la Suisse.

Pour cette première, la Conférence Romande sur l'Accessibilité du Web 2012 s'articulera en deux parties :

1. aborder les bases essentielles de l'accessibilité du Web,
2. aller plus loin dans l'accessibilité du Web.

On partira de la définition de l'accessibilité du Web, des difficultés rencontrées par certains utilisateurs dans l'accès au contenu du Web et de l'évocation des standards internationaux pour enchaîner sur l'impact du responsive Web design sur l'accessibilité, sur l'accessibilité de demain et sur les rapports entre accessibilité et ergonomie Web. Bien entendu, l'occasion sera saisie pour faire le point sur le paysage de l'accessibilité du Web en Suisse dans les domaines de la législation et de la certification des sites Web.

Parmi les intervenants, figurent Jean-Pierre Villain, un grand nom de l'expertise en accessibilité du Web qu'on ne présente plus quand on est baigné dans cet univers (je me contenterai de préciser qu'il est impliqué dans la rédaction du référentiel Accessiweb), et deux consœurs experts Accessiweb qui apporteront leur regard d'ergonomes Web, Laetitia Giannettini et Carine Rivière.

Pour plus de détails, le programme complet et la liste des intervenants sont disponibles sur le site de Telono, ainsi que les modalités d'inscription.

Enfin, si vous ne pouvez vous y rendre, tâchez de suivre le hashtag #CRAW2012 sur Identi.ca ou Twitter.

Parmi les outils d'aide à l'évaluation de l'accessibilité des pages Web figure la Web Accessibility Toolbar pour Internet Explorer, qui vient d'être mise à jour, avec deux fonctionnalités présentées par Steve Faulkner sur le blog de Paciello Group.

Si l'une de ces fonctionnalités présente peu d'intérêt pour l'accessibilité, puisqu'elle permet l'affichage de la page actuellement inspectée sous d'autres navigateurs, l'autre, en revanche, s'avère intéressante dans l'évaluation de l'accessibilité.

En effet, la WAT permet, désormais, de vérifier la validité syntaxique de la page Web avec le validateur Nu du W3C, même si la page Web est en local, avec la possibilité de forcer le validateur à utiliser le doctype HTML 5 pour la validation. Mais, surtout, on peut filtrer les résultats du validateur Nu du W3C, de façon à n'afficher que ceux qui sont pertinents à la lumière du critère de succès 4.1.1 des WCAG 2.0 (version française) : en effet, la vision des WCAG 2.0 en matière de validation syntaxique est moins stricte, dans la mesure où il faut seulement s'assurer que les éléments et attributs HTML respectent les règles d'écriture (selon la spécification HTML ou XHTML employée), que les éléments sont correctement imbriqués, correctement ouverts et correctement fermés, que chaque attribut id est unique dans la page Web et que les attributs ne sont pas répétés (ainsi, l'utilisation d'attributs ARIA dans une page codée en XHTML 1.0 ne sera pas sanctionnée dans le domaine de l'accessibilité, bien que les validateurs du W3C affichent une erreur donnant à entendre que ces attributs ne sont pas autorisés avec un doctype autre que celui du HTML 5).

On peut télécharger la Web Accessibility Toolbar 2012 (fichier exécutable Windows, 2 Mo) sur le site de Paciello Group.