Blog Accessibilité

Histoire de rendre la mise en accessibilité plus pratique, voici le référentiel AccessiWeb 1.1 au format tableur (format OpenOffice, 34ko, version 0.9).

Intérêts du tableau / tableur

• Avec une présentation en mode tableur, chacun peut ajouter ses propres colonnes. C'est bien pratique pour faire ses audits (avec par exemple une colonne "validé" et une autre "remarque").
• Le tableau présente des filtres. On peut donc trier les critères par thématique, par niveau (bronze, argent, or), par numéro de test / critère, voire directement par l'intitulé.
• Les entêtes sont fixées: on peut naviguer verticalement dans le tableau en ayant toujours les intitulés de colonnes toujours visibles. Idem en déplacement horizontale avec les références du critère qui demeurent visibles.
• Le tableau utilise le mode plan: les colonnes peuvent être affichées / masquées suivant celles qu'on désire voire. Idem pour les lignes qui sont groupées par thématique.

Copie d'écran

Une copie d'écran pour avoir un aperçu rapide.

Licence libre

AccessiWeb 1.1 tableur par Matthieu FAURE est mis à disposition selon les termes de la licence Creative Commons Paternité-Partage des Conditions Initiales à l'Identique 2.0 France.

Vous êtes donc libre de:

• de reproduire, distribuer et communiquer cette création au public
• de modifier cette création

... selon les conditions suivantes:

• Partage des Conditions Initiales à l'Identique. Si vous modifiez, transformez ou adaptez cette création, vous n'avez le droit de distribuer la création qui en résulte que sous un contrat identique à celui-ci.
• Paternité. Vous devez attribuer ce travail à Matthieu FAURE (avec le lien suivant)

<div xmlns:cc="http://creativecommons.org/ns#" about="http://creativecommons.org/license/results-one?q_1=2&q_1=1&field_commercial=yes&field_derivatives=sa&field_jurisdiction=fr&field_format=&field_worktitle=AccessiWeb+1.1+tableur&field_attribute_to_name=Matthieu+FAURE&field_attribute_to_url=http%3A%2F%2Fwww.Blog-Accessibilite.com%2F&field_sourceurl=http%3A%2F%2Fwww.blog-accessibilite.com%2FDocuments%2FAW11%2F&field_morepermissionsurl=&lang=fr&language=fr&n_questions=3">
<a rel="cc:attributionURL" property="cc:attributionName" href="http://www.Blog-Accessibilite.com/">Matthieu FAURE</a> / <a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/fr/">CC BY-SA 2.0</a>
</div>

Informations annexes

Ce document est en version 0.9. Il contient la version déployée de AccessiWeb 1.1 mais pas encore la version générale.

Le format choisi est le format OpenDocument qui est un format libre, ouvert et normalisé. Il est lisible avec OpenOffice, qui est téléchargeable sur fr.openoffice.org. (je ne publierai pas de version Microsoft Office, je ne souhaite pas menotter les utilisateurs dans un format propriétaire )

Si vous avez des suggestions d'amélioration du document, n'hésitez pas me les faire parvenir, je publierai ici les prochaines mises à jour. D'ici là, amusez-vous bien !

Mise à jour (17/07/2008)

Pour les utilisateurs sous Windows, n'ayant pas les droits administrateur pour installer OpenOffice, la solution s'appelle OpenOffice Portable. (Et tout ça fonctionne car OpenOffice est un logiciel libre, c'est beau quand même la liberté )

L'association BrailleNet publie aujourd'hui la nouvelle version du référentiel d'accessibilité AccessiWeb 1.1.

AccessiWeb 1.1: quoi de neuf

En deux mots

C'est comme AccessiWeb 1.0 mais en (beaucoup) mieux grâce aux retours terrain de plus de 230 experts, et ce depuis plus de 5 ans ! (dire qu'en janvier 2004 j'étais dans les 15 premiers experts, ça ne nous rajeunit pas tout ça )

Version longue

Les "murs porteurs" sont les mêmes, mais l'organisation du référentiel est plus pratique. Cela se traduit par:

• AccessiWeb 1.1 général: 95 critères (92 en version 1.0), tels qu'on les connait déjà, mais revisités pour être plus clairs, et lisibles par tout le monde, quel que soit le niveau technique.
• AccessiWeb 1.1 déployé : 243 tests pour une lecture très opérationnelle, destinée à un public technique, et dont le but est de guider précisement quoi tester et comment le tester. C'est à mon sens LA grosse nouveauté AccessiWeb et ce qui le rend très pratique au jour le jour.
• un glossaire AccessiWeb pour s'assurer que tout le monde partage un vocabulaire commun (et c'est un grand pas dans la diffusion de l'information autour de l'accessibilité)

Et toujours, le Guide AccessiWeb (1.1) et le Manuel AccessiWeb (1.1)

AccessiWeb 1.1 et le reste du monde

Histoire de ne pas rester dans son coin, le référentiel AccessiWeb 1.1 s'interconnecte avec le reste du monde: WCAG 1.0, WCAG 2.0, UWEM, MobileOK, RGAA et AccessiWeb 1.0 évidemment.

On trouvera les tables de correspondance dans le Guide AccessiWeb. La correspondance avec RGAA n'existe pas encore, mais on peut penser qu'elle arrivera prochainement. (Note aux mainteneurs du RGAA: pensez à donner une date de dernière mise à jour au référentiel, c'est le minimum pour suivre l'évolution de la bête.)

AccessiWeb 1.1 colophon

(Cédons à la tentation de la culture confiture Colophon sur Wikipedia)

J'ai donc eu le plaisir de participer à la rédaction du référentiel AccessiWeb 1.1. Cela a été un travail prenant, intense, épuisant, mais terriblement passionnant. Ce n'est pas tous les jours qu'on a l'occasion d'avoir une implication sur ce qu'il va se faire en accessibilité, et d'en profiter pour enrichir sa vision mondiale de l'accessibilité du web, grâce notamment au questionnement sur les correspondances avec les autres référentiels.

Enfin, un remerciement particulier à Pierre Guillou et à Denis Boulay pour leur sympathie, leur ouverture et leur bonne humeur.

Pour conclure, j'espère que vous utilisez "AW11" avec autant de plaisir qu'on a eu à le faire !

Partons aujourd'hui pour une anecdote ergonomique. Un peu au delà de l'accessibilité, elle mérite quand même d'être relatée.

Tri des mails: niché au milieu des affaires courantes, je trouve une enquête de satisfaction d'un salon auquel j'ai participé. Un lien, je clique. Ouverture du navigateur, avec tous les onglets déjà ouverts, et là : redimensionnement de la fenêtre !

Je me retrouve avec un navigateur au format timbre poste: inutilisable ! Pour la petite histoire, mon bureau est en très haute résolution (3600x1200 pixels), et le contenu de cette trop petite fenêtre est devenue illisible.

Il n'en faut pas plus pour agacer mon cerveau reptilien qui d'un clic sauvage de souris, ferme définitivement l'enquête de satisfaction.

Conclusion: il est dommage de se priver de retours client pour une bétise technique de ce genre.

Corrollaire 1: c'est bien l'internaute qui décide des conditions dans lesquelles il souhaite naviguer, et en aucun cas le créateur du site web.

Corrollaire 2: on trouve en accessibilité un point assez proche, l'ouverture de fenêtre popup sans prévenir: Le visiteur est-il averti lorsque de nouvelles fenêtres apparaissent ? (critère 13.3)

Après le passage à la version 1.2.7 de Dotclear, les tags ne fonctionnaient plus.

C'est Cédric Blancher qui nous propose un joli patch pour remettre tout ça d'aplomb.

Liens à consulter:

• le patch de twTags 0.2.2 pour dotclear 1.2.7 (chez Cédric)
• tous les patches de Cédric pour Dotclear
• les notes de Cédric sur la migration vers Dotclear 1.2.7

Merci Cédric !

A l'occasion d'une intervention au salon Inop 2007, j'ai présenté la conférence Henry Ford, le web et l'accessibilité.

Cela faisait un bon moment que je cherchais un schéma assez global de l'accessibilité, et il me semble avoir trouvé un bon candidat.

L'idée de départ est de faire un parallèle avec l'industrie automobile du début du XX° siècle. Henry Ford avec son Modèle T a mis en place le Taylorisme et les premières chaînes de production.

Aujourd'hui le web est sorti du monde de l'artisanat pour entrer dans une ère d'industrialisation.

L'objet de la conférence est de présenter une modélisation simple d'une chaine de production d'un site web, puis de l'étudier sous l'angle de l'accessibilité.

Chaîne de production web

La chaîne de production web est composée de deux "lignes":

• la première pour la création des gabarits de pages, issus de la charte graphique
• la deuxième pour les contenus à inclure dans les gabarits

C'est l'outil de gestion de contenu (CMS) qui se charge d'inclure l'un dans l'autre.

Accessibilité dans la chaîne de production web

L'accessibilité intervient à chaque étape de la chaîne de production, et concerne chacun de ses acteurs.

On arrive ainsi à la conclusion: l'accessibilité est un processus continu

Diaporama

Le diaporama "Henry Ford, le web et l'accessibilité" est téléchargeable au format OpenDocument (500ko), lisible avec OpenOffice

(et aussi le diaporama "Henry Ford, le web et l'accessibilité" en PDF, 675ko, lisible avec Acrobat Reader)

Ce document est placé sous licence libre, plus précisément la licence .

Vous pouvez donc:

• réutiliser ce document, y compris dans un contexte commercial
• modifier ce document

à condition de :

• mentionner que j'en suis l'auteur initial (Matthieu Faure, Open-S)
• le laisser sous la même licence Creative Commons BY-SA

Cette semaine de rentrée, j'ai eu le plaisir d'intervenir au salon Inop 2007 à Nantes.

Une table ronde dédiée à l'accessibilité y était organisée. Ca été l'occasion de retrouver Aurélien et Franck,, deux experts en accessibilité que j'apprécie (et aussi de partager un bon repas ).

J'y ai donc présenté une nouvelle conférence sur l'accessibilité: Henry Ford, le web et l'accessibilité

Les commentaires et les trackbacks sont à nouveau opérationnels.

Le Blog-Accessibilité a subi une manifestation de la loi de Murphy. Une attaque de spam un peu plus violente que les précédentes a fait sauté le quota de la base de donnée, qui est donc passée en lecture seule, désactivant ainsi les commentaires et trackbacks. A celà s'est ajouté un planning un peu rempli, et une préparation de départ en vacances. Bref, la mouise quoi !

Moralité, tout est de retour, et la semaine de vacances a été fantastique. Les affaires peuvent reprendre

Après un mois de juin sur les chapeaux de roue, le mois de juillet ne s'est pas avéré plus calme. Vivement le mois d'août qu'on puisse blogguer tranquille.

Ah, on m'annonce dans l'oreillete l'arrivée imminente du mois estival. Bon, la fin des projets devrait poindre, et on pourra parler accessibilité entre nous

En attendant, ami lecteur, je te souhaite un bel été accessible !

ZDnet a publié une série de photos intéressantes dans son article Les nouvelles technologies au service du handicap.

J'aurai bien voulu avoir le clavier à une main quand j'avais le bras dans le plâtre !

Sébastien Delorme a cherché à utiliser OpenOffice (la suite bureautique libre) avec la synthèse vocale Jaws. Il a résumé les étapes (simples somme toute) pour y arriver dans un billet : Windows, Open Office et Jaws.

Merci Seb pour ce travail de synthèse et de pédagogie !

L'accessibilité entre au CAC40, et c'est un très bon signe. C'est Gaz de France qui a tiré le premier, et rien que pour ça, toutes mes félicitations aux équipes qui ont donné vie à ce projet web.

Billet écrit avec une main (gauche), un doigt (droite) et pas mal de motivation ! Pour ceux qui ont raté l'épisode précédent, l'explication se trouve dans Histoire personnelle d'accessibilité

Mieux vaut tard que jamais, n'oublions pas de parler du nouveau site Planète Accessibilité.

Planète Accessibilité est un site d'information consacré à l'accessibilité du web qui reprend les billets de plusieurs blogs traitant d'accessibilité avec entre autres Aurélien, Sébastien, François et votre serviteur.

Tout cela est mis en musique par Sébastien, qui, quand il en a marre d'être vainqueur d'un concours de blog accessible, commet des sites beaux, propres et à haut niveau d'accessibilité. Sébastien, reçoit mes publiques félicitations et longue vie à Planète Accessibilité !

Je ne suis pas très porté sur l'écriture d'aspects personnels, mais aujourd'hui je vais faire une exception.

Je perds l'usage du bras droit temporairement pour 3 semaines ; et pour un expert en accessibilité, ça prend forcément un certain sens.

J'ai souhaité partager ce que j'avais en tête et ce que je rencontrais. (Il ne s'agit pas faire jouer les violons, il existe des situations bien pires que la mienne, mais si ces anecdotes peuvent faire réfléchir un peu plus sur la notion d'acessibilité, je serai content.)

Debut de l'histoire: une sortie à roller, une chute bête (malgré un bon niveau, comme quoi...), une douleur persistante jusqu'à ce que je ne puisse plus penser à autre chose, direction les urgences. Résultat des courses: un poignet cassé, plâtre, bras droit (évidemment, le gauche ç'aurait été trop simple !) et 3 semaines d'arrêt de travail. Les arrêts de travail, ça fait toujours sourire quand on est à son compte

C'est impressionnant de voir comment un bête poignet peut tout chambouler. Impossible de s'habiller seul (fermer un bouton de pantalon c'est du sport avec juste la main gauche, je ne parle pas du bouton de chemise de la manche gauche !) Je vous laisse imaginer tous les détails de la vie quotidienne, comme les lacets, le brossage de dents et le reste.

Venons-en à l'informatique. La souris est passée à gauche du clavier, de manière surprenante je ne me débrouille pas trop mal avec cette nouvelle bestiole. Le clavier par contre c'est une autre histoire. Tout est beaucoup plus lent. La touche d'éffacement n'a jamais autant servi. Je me suis découvert une nouvelle passion pour les raccourcis-claviers.

Tout est tellement lent que la moindre accélération devient vite indispensable. Ce qui auparavent était simplement pratique est devenu capital.

Autre point "intéressant", je me surprends à ne même pas entamer certaines actions tellement ça va être long (et donc compliqué). Et cette réflexion s'applique aussi aux sites web: maintenant je fuis les interfaces trop lourdes, demandant trop de manipulations, ou un clic de souris trop précis (la souris du portable est beaucoup trop sensible pour ma main gauche, et un simple clic-milieu la fait se déplacer, le clic s'est transformé en glisser-déplacer, l'opération réitérée 3 fois échoue 3 fois, la crise de nerfs rôde !).

Après 3 jours, j'expérimente ce que je disais à d'autres experts la semaine dernière : l'accessibilité agit comme un révélateur de problèmes. En 3 semaines, je vais vite devenir expert en révélations !

Pour ne rater aucun épisode, merci de commencer par Veuillez cliquer ici pour lire la suite !

Aujourd'hui, nous allons voir si la Bourse s'ouvre à nous, direction Boursorama.

Situation de départ

Je souhaite m'inscrire pour participer aux forums, et arrive sur le formulaire d'inscription de Boursorama

On nous précise que les champs à saisir obligatoirement sont en rouge.

Le problème

Je ne distingue pas les couleurs (daltonisme ou autre), comment je fais pour savoir quels champs remplir ?

La solution

La solution est toute simple: indiquer par une astérisque (marque textuelle) les champs obligatoires.

L'astérisque sera visible qu'on voit ou non les couleurs. Cela nous donnerait comme phrase d'introduction: Les champs suffixés d'une astérisque (*) sont obligatoires On pourra éventuellement mettre en rouge la phrase, dans ce cas ce n'est plus génant, puisque cela vient en plus de l'astérisque.

Et on n'oubliera pas d'ajouter l'astérisque juste après l'intitulé du champs (nom, prénom..) et pas après la zone de saisie.

Et voila, nous avons validé le critère 3.1 (L'information donnée par la couleur est-elle aussi lisible lorsque les couleurs sont désactivées ?)

Prenons au vol la nouvelle année, et souhaitons-nous plein de bonne choses, accessibles évidemment

Nouvelle année, nouveaux défis. Ça fait un moment que ça me chatouillle, maintenant je me lance. J'ai décidé de publier quelque audit accessibilité de sites ou de page de sites. L'objectif est multiple:

• pédagogique d'abord: parce qu'on a beau répéter 15 fois la même chose, rien ne vaut un bon exemple,
• concret: pour rester autant que possible dans les contraintes du quotidien et les pieds sur terre,
• et le tout avec un regard bienveillant (il ne s'agit pas de critiquer bêtement un site, mais de s'en servir comme exemple et de proposer des solutions pour l'aider)

Ceci étant dit, au boulot !

PS: pourquoi ce titre ? Attendez quelques billets, vous allez vite comprendre En attendant, révisez votre critère 6.2 !