Articles taggés avec ‘accessibilité’

Des gabarits de page 100% accessibles et des mythes démystifiés chez Open-S

Visiblement ils ont mangé du lion chez Open-S ce midi à la cantine ! Non seulement ils viennent de publier un ensemble de gabarits HTML / CSS certifiés 100% accessibles, mais en plus ils se lancent dans une campagne de démystification autour de sujets qui fâchent comme les pop-up, les tableaux et javascript.

Saluons ces deux initiatives courageuses :

  1. parce qu’il est toujours très délicat de publier des gabarits XHTML / CSS a une communauté de développeurs qui trouvent toujours à redire (du type : mon gabarit est plus accessible que le tien) ;
  2. parce qu’il y a beaucoup de fausses idées sur l’accessibilité des mises en page par tableaux imbriqués et du javascript.

Bravo aux équipes d’Open-S pour leur engagement sur le débat de l’accessibilité. Vivement la suite !

Un guide de conception de sites web

Oui je sais, ça peut sembler un peu bateau, il n’empèche que l’agence anglaise Scratchmedia vient de publier une nouvelle version de son site Web Design from Scratch.

Logo du site Web Design from Scratch

Ce guide est en fait un condensé de bonnes paroles autour des différents thèmes de la conception d’un site web : graphisme, architecture, accessibilité, utilisabilité, code HTML… Non seulement les conseils prodigués sont de très bonnes factures mais en plus c’est très bien rédigé et la mise en page est parfaite.

A mettre d’urgence dans vos favoris.

En route pour Limoges !

Que faites-vous les 2 et 3 février prochain ?

Si vous n’avez rien de prévu et que vous passez par Limoges alors ne ratez surtout pas le Webdesign International Festival. Comme l’édition 2006 est placée sous le signe des dernières tendances et des innovations technologiques, seront abordés des thèmes aussi variés que l’accessibilité, les standards web (XHTML, CSS…), l’utilisabilité, Flash…

Au programme de cette manifestation :

  1. Le Webjam Contest où des équipes de designeurs vont s’affronter en live pour réaliser des interfaces web à partir d’un thème imposé ;
  2. Les Butterfly Awards où seront récompensés les meilleurs réalisations et créateurs web de l’année ;
  3. L’Université du Webdesign qui, comme son nom ne l’indique pas, est une série de conférences sur le thème du design et de la conception web.

Limoges accueillera pour cette occasion de très grand noms du web design comme Joshua Davis ou encore Molly Holzschlag ; mais également des personnalités françaises comme Tristan Nitot, Loïc Le Meur, Amélie Boucher et même notre Elie Sloïm national.

J’ai également la chance de participer à cette manifestation et animerais deux conférences sur l’ergonomie incitative et sur les interfaces riches.

Si vous souhaitez vous inscrire ou avoir plus d’informations, je vous recommande le programme officiel : WIF 2006 (fichier PDF, 1.700 Ko).

Best of 2005

Cette fin de l’année est l’occasion de faire une rétrospective sur les billets marquant de l’année 2005.

Remises en question

L’année 2005 a été une année de grosses remises en question et d’interrogations lourdes :

Celui-dont-on-ne-doit-pas-citer-le-nom

La raison / réponse aux questions précédemment posées :

Cliquez ici !

Marketing de persuasion et ergonomie incitative au service de l’efficacité en ligne :

Coups de gueule

Dès fois, ça fait du bien :

Insolite

Pour se détendre :

Accessibilité et confort de lecture

Je suis surpris de l’absence de réaction dans la blogosphère française du dernier édito de Jakob Nielsen : Accessibility Is Not Enough. L’article est pourtant on ne peut plus équivoque : se conformer aux critères d’accessibilité est un indiscutable progrès mais n’est pas suffisant pour s’assurer que les non-voyants, et surtout les mal-voyants puissent utiliser un site ou service en ligne dans de bonnes conditions.

Dans ce cadre là, je souhaiterais vous parler d’une solution développée par mon agence qui pourrait apporter un début de réponse : Confort de Lecture. Il s’agit d’une solution complémentaire à une démarche d’accessibilité qui améliore la prise en main et l’utilisation d’un site.

Concrètement, à partir d’un site respectant un minimum de critères d’accessibilité (l’équivalent du niveau bronze), la solution Confort de Lecture agit comme un filtre. L’internaute définit ses paramètres d’utilisation (couleur de fond d’écran et des caractères, taille des polices…). L’ensemble des contenus adoptent les paramètres de mise en forme définis mais surtout l’intégralité du système de navigation est repensé pour correspondre effectivement aux mode de consultation des personnes non-voyantes ou mal-voyante. Ainsi navigation par le contenu, fil d’ariane, retour au sommaire en fin d’article sont les principaux éléments qui conditionnent une grande facilité d’usage pour les personnes en situation de handicap visuel mais aussi pour beaucoup d’autres situations de consultation du site (navigation via un téléphone mobile, un PDA…).

Cette solution a déjà été mise en oeuvre sur le portail HandicapZero et sur des sites de collectivités locales. Pour plus d’informations, vous pouvez également allez voir cet article : Lnet et le confort de lecture.

Je ne détaillerais pas d’avantage la plue-value de cette solution pour ne pas paraître partial, mais il me semble clair qu’elle a le mérite de répondre en partie aux interrogations de Jakob Nielsen en appliquant certains principes d’utilisabilité à l’accessibilité.

Et puisque que l’on parle d’accessibilité, qui s’est penché sur la dernière version des Web Content Accessibility Guidelines 2.0 ?

Podcast + ReadSpeaker = Read.io

Souvenez-vous, il y a quelques temps je vous parlais de ReadSpeaker, une technologie qui permettait de faire de l’impression sonore (voir mon précédent billet : Podcast et impression sonore sur Agoravox). En fait c’est un service qui permet de générer des fichiers vocaux à la volée (via une synthèse vocale) à partir d’un simple contenu textuel.

La société à l’origine de ce concept va encore plus loin et proposera bientôt un service de génération de podcasts à la volée basé sur le même socle technologique : Read.io.

Le fonctionnement est très simple : vous indiquez l’URL de votre flux RSS et le service vous génère à la volée vos podcasts (des fichiers MP3 de vos billets lus par une synthèse vocale). Et voilà le résultat :

Vous pouvez même souscrire au flux RSS de ces podcasts : Podcasts FredCavazza.

Logo de Read.io

La question que l’on se pose maintenant est : cette technologie peut-elle être considérée comme une alternative pour rendre du contenu accessible ? La question reste ouverte, le processus de création de compte et la mise en oeuvre sont très simples mais quid pour des personnes souffrant de handicaps ?

Dans un premier temps, qui peut me dire si le flux fonctionne et si ces podcasts sont agréables à écouter ?

(Merci à Roy pour les codes d’accès à la beta)

Javascript au secours des formulaires

Vous le savez, les formulaires c’est ma bête noire. Je vous propose ce matin de découvrir un très bon article qui nous explique en 10 points comment améliorer le comportement d’un formulaire : 10 Tips To A Better Form.

Autant vous prévenir tout de suite, il y est principalement question de Javascript et des possibilités que cela offre : auto-tabulation, aide contextuelle, gestion des erreurs, persistance des données, comportement des boutons de validation et des champs dates…

Est-ce que tout cela est accessible ? Je ne suis pas expert en la matière donc je laisse le soin à des personnes plus qualifiées de nous confirmer que les morceaux de code proposés sont conformes au DOM et qu’ils se dégradent correctement.

Podcast et impression sonore sur Agoravox

Le portail citoyen Agoravox (auquel je contribue modestement) propose depuis peu une fonctionnalité qui mérite le détour : ReadSpeaker. Il s’agit d’une technologie de synthèse vocale qui permet de lire les articles. Selon un article paru sur le sujet sur 01Net : la transformation de l’écrit en audio se fait automatiquement à la volée, en direct, et ne nécessite pas d’enregistrement préalable. La version vocale de chaque article peut également être téléchargée sous forme d’un fichier audio, sur un PC ou sur un baladeur, au choix. Oui, c’est bien de podcast dont il est question. Pour voir fonctionner la bête, allez donc consulter un article au hasard.

Tout l’intérêt de cette technologie est que le contenu sonore n’a pas besoin d’être créé puisqu’il est généré à la volée. Petit bémol : la charmante voix féminine qui vous lit le texte exploite le player Flash dewplayer. Plug-in Flash obligatoire donc.

Ce service, proposée par la société suédoise ReadSpeaker n’a l’air de rien mais il représente un potentiel énorme. Avant, vous aviez la possibilité d’imprimer une page web pour la lire à tête reposée plus tard. Grâce à cette technologie, il est possible de faire une impression sonore d’une page web pour l’écouter plus tard sur votre iPod ou votre ordinateur. Un concept particulièrement intéressant pour les sites web avec beaucoup de contenus comme celui de Libération par exemple qui vient d’implémenter ce service. (spécial dédicace à Steph pour ce concept d‘impression sonore).

Et vous, quelles types d’applications cette technologie vous inspire-t-elle ?

De quelle accessibilité doit-on parler ?

Voilà une question bien embarrassante posée par ce billet de François Palaci : Accessibilité, neutralité et Culture. Il y est question de la définition du mot Accessibilité sur la version française de Wikipedia et visiblement les contributeurs ne sont pas tous d’accord sur la définition…

Le fond de l’histoire est le suivant : à partir de quand peut-on dire qu’un site est accessible :

  • quand il est conforme aux normes de la WAI ?
  • quand il est conforme au label Accessiweb ?
  • quand il est conforme à des initiatives gouvernementales comme le label européen e-government good practices ?

Et la question n’est pas simple ! De mon point de vue, l’essentiel est d’oeuvrer dans le sens de l’accessibilité en règle général et non dans le sens d’une de ces normes en particulier. Mais je vous laisse vous faire une opinion par vous-même.

Des formulaires toujours plus accessibles

Je vous propose de faire un break sur tout ce bazar autour du web 2.0 et de revenir à des sujets plus traditionnels comme l’accessibilité avec ce magnifique tutoriel : Simply Accessible.

Ce tutoriel est particulièrement instructif car il nous éclaire sur des points jusqu’alors non-traités (ou très peu) comme par exemple l’accessibilité des messages d’erreur ou encore l’accessibilité des indicateurs de champs obligatoires.

Au passage, vous noterez le traitement des liens avec un état visité (très sympa).