Blog Accessibilité

Ami lecteur, tu as un blog, tu est sensible aux standards du web, tu t'intéresses à l'accessibilité, alors voici une occasion de se distinguer: le concours blog et accessibilité.

Les inscriptions sont ouvertes, le règlement est disponible, les prix sont mis en avant, et mon petit doigt me dit que tous ne sont pas encore en ligne

Pour toutes les informations, voici l'annonce de Pierre Guillou:

L'association BrailleNet est très heureuse d'annoncer l'ouverture officielle du concours "Trophées AccessiWeb 2006" et le lancement des inscriptions en ligne pour les étudiants (cf article I. Glossaire.) inscrits dans un établissement français.

Cette année la thématique du concours porte sur l'accessibilité des blogs. En effet, le fait que chacun - et en particulier les étudiants - puissent facilement publier et discuter en ligne est une avancée extraordinaire du Web mais les rédacteurs sont-ils conscients du besoin d'accessibilité de leurs blogs ? Ce concours est aussi une passerelle d'information vers les étudiants sur ce sujet d'importance: l'accessibilité pour tous des informations électroniques.

Grâce aux partenaires du concours, de nombreux prix viendront récompenser les blogs les plus "accessibles et créatifs" (cf article I. Glossaire.).

Consulter le règlement du concours (et en particulier les dates du concours) et inscrivez-vous !

Que le plus accessible et créatif gagne !

PS: en tant que partenaire, je n'ai pas le droit de participer (snif) mais que le meilleur gagne !

Cinquième billet de la journée, je vais bientôt gagner l'extra-balle ! Interlude nombriliste de quelques secondes (y en n'a pas souvent, alors je me permets un écart ). Je viens de voir que j'ai dépassé le symbolique 100° billet, et qu'en plus ça fait deux ans que j'écris sur ce blog. Bon sang que le temps passe vite !

Quand j'ai commencé à écrire des billets, je ne pensais pas en arriver là. Il semblerait que la recette que je m'étais donné (un billet par semaine en moyenne, mieux vaut pas de billet que des billets creux) m'a permis de tenir le cap et de concilier vie professionnelle et plaisir de bloguer.

Quand je vois le look du Blog Accessibilité, je me dis qu'il aurait besoin d'un petit coup de lifting; on va essayer de faire ça entre deux projets. D'un autre côté, si je n'ai pas le temps c'est plutôt bon signe

Question projet, il y en a un qui m'a "un peu" empêché de dormir entre 2h30 et 5h cette nuit. Comme le répète quelques fois Daniel, c'est parfois un plaisir de se réveiller la nuit pour penser à un projet sur lequel on bosse. Et là malgré les cernes du matin, c'était un certain plaisir. Je le tiens, les idées sont bien en place, "plus que" quelques semaines de travail et ce devrait être le début de quelquechose de franchement nouveau.

Bon, les confidences sur l'oreiller le blog ont assez duré, il est tant de retourner bosser. Bon anniversaire mon blog, et bonnes lectures à toi cher lecteur.

Les actes du séminaire européen sur l'accessibilité du 30/01/2006 sont en ligne. Pour mémoire, ce colloque portait sur les Instruments pour faire de l'accessibilité du Web une réalité.

Dans la série témoignage d'utilisateur (après celui de Laurent Denis), voici l'interview de Tanguy Loheac, utilisateur non-voyant. La lecture est rapide, et l'interview reste dans le factuel intéressant sans jamais tomber dans le pathétique. C'est sensible, en finesse et très enrichissant pour tout le monde. A lire !

Cette semaine, deux discussions m'amènent à préciser quelques idées simples et parfois mal comprises ou déformées.

On peut lire parfois dans certains forums ou sur certains sites qu'il existe des interdits (en matière de webdesign) à cause de l'accessibilité. Disons-le clairement, il s'agit la plupart du temps de raccourcis tracés au gros trait. Voici quelques exemples.

Mythe n°1: Les popups

Les popus ne sont pas interdites... du moment qu'elles sont annoncées. L'annonce d'une ouverture de nouvelle fenêtre se fait typiquement dans l'intitulé du lien ou dans le TITLE du lien en précisant mon lien qui va là (nouvelle fenêtre). Il y a un seul endroit où l'ouverture de popup est interdite, c'est la page d'accueil d'un site. La raison en est simple, on ne peut pas les annoncer à l'avance.

Pour réviser son ouverture de popups, je vous conseil le critère 13.3 et le critère 13.4.

Mythe n°2: les tableaux

Allez, pour marquer les esprits, répétons tous ensembles: les tableaux ne sont pas interdits !

Dans un excès d'enthousiasme face au développement web respectueux des standards, certains veulent exterminer les tableaux du web ! Modérons un tantinet ces paroles pour revenir à des informations plus factuelles. Les tableaux, de donnée ou de mise en page, peuvent être utilisables et accessibles, du moment qu'on respecte quelques principes. Voir à ce sujet les critères 5.x du guide AccessiWeb. On peut même imbriquer des tableaux de mise en page, du moment qu'on sait ce qu'on fait, notamment en matière de linéarisation (critère 5.6).

Mythe n°3: javascript

Non javascript n'est pas interdit.

Comme toute technique, l'outil javascript n'est ni bon ni mauvais, il est neutre. C'est son utilisation qui est bonne ou mauvaise. Dans un contexte de mise en accessibilité, il est possible d'utiliser Javascript, du moment qu'il n'est pas obligatoire. Dit autrement, il est tout à fait possible d'utiliser Javascript pour améliorer le confort de l'internaute (par exemple sur la sélection de champs dans une longue liste d'un formulaire), tant qu'on peux accèder aux informations sans javascript.

Pour réviser son javascript accessible, ouvrons notre Guide AccessiWeb au chapitre 7.x, les scripts.

Voici donc trois points traités; il est probable qu'il y en ait d'autres à l'avenir

Il était temps que j'en parle: les gabarits full-CSS accessibles sont en ligne !

Résumons-nous. Un certain 19 décembre 2005, lors du 3° séminaire technique AccessiWeb, le compère Aurélien et moi-même avons présenté un atelier sur les gabarits de page CSS accessibles. L'idée de ces séminaire est partager nos compétences entres experts, et aussi de les diffuser sur la toile. Voici donc livré au plus grand nombre ces fameux gabarits.

Voici leurs caractéristiques:

• utiliser un doctype strict
• être conforme à la grammaire utilisée, i.e. passer le validateur HTML
• ne pas utiliser de tableaux de mise en page, i.e. être full-CSS
• ne pas générer de chevauchement de texte, i.e. être résistant à l'agrandissement de texte (CTRL-+ dans Firefox)
• passer un label AccessiWeb Or ce qui implique entre autres
  • faire en sorte que les CSS respectent l'ordre du code HTML (critère 10.3)
  • utiliser des tailles relatives, tant pour les textes que pour les colonnes (critère 10.4)

Le pari, qui n'était pas gagné d'avance, a donc été relevé. On espère que ces gabarits vous seront utiles pour vos design, et qu'on contribuera ainsi à l'élargissement de la connaissance en matière d'accessibilité.

NB: il n'y a pas de droit d'auteur sur ces gabarits, nous les publions dans le domaine public (on n'a pas inventé l'eau chaude non plus !), maintenant si vous avez envie de faire un lien vers l'un de nos sites, ça fait toujours plaisir

Vu sur la liste accessibilité numérique, via Catherine, où il se dit bien des choses intéressantes (qu'on aime le boogie boogie accessible ou pas est une autre question ).

Un étudiant aveugle de l'université de Berkeley (Californie) porte plainte contre le site e-commerce Target.com pour inaccessibilité de leur site web. Un article du SF Gate résume la situation. Parmi les arguments avancés, j'en retiens deux:

• le non respect de la loi ADA (équivalent de notre loi sur le handicap)
• la non équivalence entre le supermarché "de la rue" et le supermarché en ligne, qui applique une discrimination envers les personnes aveugles.

Quand on regarde qui est derrière Target.com on découvre un certain Amazon, et on se dit que la cible, c'est le cas de le dire, n'a pas été choisie au hasard !

Il n'en reste pas moins que le site est d'un niveau d'accessibilité proche de zéro: des tableaux dans tous les sens, mais surtout aucun titre, aucun lien, et que des images-maps sans alternative textuelle. A ce niveau là, c'est presque de l'acharnement.

On pourra se consoler en disant que la discrimination ne concerne pas que les personnes aveugles, parce qu'avec mon firefox et ma feuille de style personnalisée, j'ai bien du mal à naviguer sur ce site.

Après les photos d'aide technique prise lors du séminaire Accessibilité à la médiathèque de Chambery (une plage braille Alva, une imprimante braille, un clavier à grandes lettres et une machine à écrire braille), voici deux nouvelles photos d'aide technique:

Une plage EuroBraille avec clavier spécial

Une plage EuroBraille avec clavier complet

Toutes ces photos sont sous licence libre Creative Commons BY-SA, c'est à dire que vous pouvez les utiliser de manière commercial ou non, en précisant l'auteur et la licence. Je n'ai pas mis de restriction commerciale volontairement pour aussi inciter les professionnels à s'en servir (du moment qu'ils respectent la licence évidemment ). Elles sont même en pleine résolution pour obtenir une impression de qualité.

Alors dans le plus pur esprit libre, n'hésitez pas à réutiliser !

Toutes les photos d'aides techniques sont rangées dans la catégorie Aides Techniques de WikiMedia

Trop fort ! Vu sur la liste accessibilité numérique, un clip pour expliquer les aides techniques (assistive technology en anglais).

C'est didactique, c'est sympa, c'est court, c'est bien. C'est sous-titré et il y a même une audio-description. C'est en anglais mais les images compensent la barrière de la langue.

Paradoxe: c'est en flash alors qu'un SMIL/SVG suffisait largement, peut-être est-ce lié au fait que ce clip a déjà quelques années.

Dans tous les cas, c'est à voir !

AT boogie

Synthèse des billets de janvier 2006:

Catégorie Actualité

• WebDeveloper est sortie en version 1.0

Catégorie AccessiWeb

• Label Argent pour La Poste Courrier International

Catégorie Aide Technique

• Abbréviations: la triplette gagnante ?