Après la parution de la seconde version d'Opquast et l'internationalisation du projet, Élie Sloïm poursuit son travail afin de promouvoir et expliquer les rouages de la qualité Web, avec pour la première fois une publication au format papier.

L'aide-mémoire, intitulé Sites Web : les bonnes pratiques et co-signé Élie Sloïm et les contributeurs Opquast, est paru il y a quelques jours. Cette publication recense les 153 bonnes pratiques du projet Opquast visant à améliorer la qualité des services en ligne. Les services e-commerce, syndication et newsletter y sont également abordés.

Dans un format très fonctionnel, ce mémento permet de conserver près de soi l'ensemble des bonnes pratiques pour concevoir des sites Web de qualité et constitue un très bon support d'audit.

Bien entendu, Élie Sloïm parle du petit livre framboise sur le blog Temesis. N'hésitez pas à vous le procurer, d'autant plus que les mémentos Eyrolles sont très abordables, au prix de 5€ seulement.

En ce qui concerne les perspectives d'avenir de ce blogue, j'espère que je parviendrai à y écrire plus régulièrement.

Standard du W3C depuis maintenant une décennie, les feuilles de style CSS permettent de décrire la présentation d'un document Web. En donnant la possibilité de séparer clairement le contenu de la présentation, elles offrent des avantages certains aux concepteurs et aux utilisateurs, en particulier par leur richesse, leur polyvalence et le gain qu'elles confèrent en matière d'accessibilité. Initialement reléguées au second rang, les feuilles de style sont aujourd'hui devenues incontournables, et bénéficient d'un support accru au sein des navigateurs.

Selon Bert Bos, responsable Style du W3C, la communauté des concepteurs confirme que l'utilisation des feuilles de style en cascade joue en faveur de l'esthétique des sites, tout en facilitant la création et en réduisant le coût.

À l'occasion de cet anniversaire, les développeurs sont invités à transmettre leurs conceptions CSS les plus réussies. Les meilleures d'entre elles seront exposées dans la galerie CSS10. Une brève rétrospective des événements marquants pour le standard est également disponible.

Ne manquez pas de lire le billet de Tristan Nitot sur le sujet, qui introduit notamment les membres du CSS Working Group.

• Mise à disposition de tout le projet en anglais ;
• Possibilité de créer ses propres listes de critères pour évaluer les sites ;
• Intégration d'un système de gestion d'équipes ;
• Intégration d'un système de gestion de tâches relatives à chaque projet ;
• Amélioration de l'ergonomie de l'outil d'évaluation.

Élie Sloïm précise également que l'architecture du projet a été revue dans sa globalité afin de garantir son évolutivité.

On ne peut que féliciter chaleureusement toute l'équipe pour ce travail remarquable. Grâce à la traduction intégrale du projet, cette initiative française sans équivalent va dorénavant pouvoir prendre une dimension internationale.

À l'occasion du lancement de cette nouvelle version, Monique propose un tour d'horizon de l'atelier Mon-Opquast afin de découvrir les fonctionnalités de cet outil incontournable d'évaluation et de suivi de la qualité des sites Internet..

Voici un extrait du message de Kofi Annan, secrétaire général de l'ONU, publié sur le site de l'UNESCO :

“L’accessibilité numérique”, le thème choisi cette année pour la Journée internationale des handicapés, nous rappelle qu’il est impératif de rendre Internet accessible à tous.

Cette évolution, nous l’appelons de nos vœux. Alors que les technologies de l’information et de la communication ne cessent de se développer dans le monde entier et que le nombre d’utilisateurs s’accroît de jour en jour, une grande partie des sites web restent inaccessibles à des millions de personnes qui ont des difficultés à manier la souris ou qui, souffrant de déficiences visuelles, ont besoin d’un “lecteur d’écran” ou de gros caractères pour déchiffrer la page. Les gouvernements et le secteur privé ont commencé petit à petit à prendre conscience des avantages économiques et sociaux que comporte l’accessibilité des sites web, et à prendre des mesures pour adapter les logiciels et le matériel.

Afin que cette manifestation gagne en visibilité et que les problématiques qu'elle met en exergue soit mieux comprises, un véritable relai s'est mis en place. N'hésitez pas à consulter les nombreuses références indiquées par Monique ainsi que les témoignages, notamment ceux d'Élie Sloïm sur Temesis et de Jean-Pierre Villain sur le blog Alsacréations.

De retour de la capitale, je sors mes notes et vous rédige un compte-rendu.

Journée du jeudi 21 septembre

La journée a commencé par un état des lieux de Tristan Nitot, personnalité incontournable de la standardisation en France. Une présentation à deux facettes, façon Dr. Jekyll et Myster Hyde, pour montrer la caractère formidable du Web, dont il compare l'impact à l'invention de l'imprimerie, ainsi que l'importance du respect des bonnes pratiques.

Laurent Denis, consultant Temesis, a ensuite abordé la notion d'accessibilité, et ce à travers diverses illustrations. Il a effectué une démonstration de l'utilisation de Jaws sur Wikipédia et ainsi mis en exergue les difficultés à laquelle une personne utilisant une synthèse vocale peut se heurter. Un autre exemple était celui de la traduction automatique Google et l'importance de l'attribut alt pour traduire les titres en images. Quant à l'amalgame souvent fait à tort entre accessibilité et handicap, j'ajoute ici une citation de Laurent très pertinente :

L'accessibilité n'est pas une somme de réponses à des handicaps, mais une dimension du plein potentiel du Web.

Pour achever cette première matinée, Jean-Louis Carvès a exposé les gains concrets de la mise en place d'une démarche standards/accessibilité sur l'Intranet d'IBM. Il a présenté les outils utilisés en interne, notamment une version améliorée de aDesigner et le IWSC.

Après le déjeuner, Laurent Gloaguen, de Cosmic Communication, a expliqué qu'il a intégré les standards dans un contexte de production par passion du Web, dans une démarche qualité, par goût du travail bien fait. Il ressent l'année 2006 comme un tournant où les standards deviennent la norme de la profession. Ses clients ont très souvent des sites conformes sans le savoir, car très rares sont ceux qui connaissent les standards. D'où sa démarche pour les intégrer :

Ce ne sont pas les standards qui font vendre, ce sont les bénéfices induits.

Vient ensuite une des conférences que j'ai le plus appréciées de ces deux jours. Il s'agit de celle d'Élie Sloïm, directeur de Temesis et initiateur du projet Opquast. Il a mis l'accent sur le modèle VPTCS, cinq objectifs qualité pour construire un Web durable, et présenté la nouvelle version de Mon-Opquast qui paraîtra dans quelques jours. Cet outil d'aide à l'évaluation, qui compte aujourd'hui 6300 utilisateurs, sera encore plus pratique et plus complet.

Pacale Lambert-Charreteur a rappelé les intérêts des feuilles de style CSS et présenté les possibilités offertes par cette technologie. Pour illustrer son propos, elle a montré le gain en poids des pages en prenant l'exemple du site de l'éducation nationale dont elle a refait la mise en page via le positionnement CSS. Enfin, elle a abordé très rapidement les nouveautés intéressantes de CSS3, telles que les medias queries, le muticolonnage, les nouveaux sélecteurs, les coins arrondis, etc.

Enfin, une table ronde à laquelle participaient également Stéphanie Troeth du WaSP et Samuel Latchman, a permis de soulever quelques problématiques et de démarrer des discussions très intéressantes. Un apéritif communautaire a permis de se retrouver au terme de cette riche journée. Un tirage au sort a également été effectué avec à la clé des ouvrages Eyrolles.

Journée du vendredi 22 septembre

Cette journée, orientée plus technique, a démarré avec l'intervention de Denis Chêne, de France Télécom R&D. Il a donné sa vision de l'ergonomie, et la distingue de l'accessibilité de la façon suivante :

L'accessibilité est l'ergonomie étendue à tous types d'utilisateurs.

Rémy Birambeau, qui a lancé il y quelques jours Jaccede.com, réseau des personnes à mobilité réduite, a ensuite présenté ses méthodes de travail, et exposé notamment la démarche GTD.

Daniel Glazman a quant à lui effectué une rétrospective complète des standards. Membre du W3C, il a expliqué que ce consortium industriel n'était pas sans défaut : des usagers pas assez bien représentés, des temps d'émergence des recommandations trop longs. Il a même été jusqu'à qualifier XHTML2 de canard mort, en raison de l'absence de compatibilité ascendante et de la désaffection qu'il suscite de la part des implémenteurs. Selon lui, le futur du Web passera peut-être par HTML5.

Après la pause déjeuner, François Nonnenmacher a raconté l'histoire de huit années de redesign du site de Capgemini et sa migration vers les standards. Cette dernière a été effectuée en collaboration avec des pointures telles que Douglas Bowman et Jeffrey Zeldman. Aujourd'hui, les feedbacks sont toujours bons, et le site valide toujours grâce à la présence d'un CMS dont l'évolution est très bien contrôlée. En effet, dans le cas général, la présence d'un tel outil peut parfois nuire à la conformité des documents en fonction de l'utilisation qui en est faite.

Denis Boudreau, président fondateur de W3Québec et venu spécialement de Montréal, a mis en avant la possibilité de concevoir des sites Web perennes en s'appuyant sur les standards, par opposition aux sites jetables. Les standards permettent d'envisager le Web autrement et d'avoir une vision à long terme :

Les standards permettent de briser le cycle d'obsolescence au profit d'une vision centrée sur la récupération des actifs.

Dernier orateur de ce cycle de conférences, Karl Dubost, Conformance Manager au W3C, a proposé une excellente intervention, la plus originale sur la forme, afin d'éclaircir la notion de Web sémantique et d'aborder les microformats et RDFa permettant d'enrichir les documents Web.

Comme la veille, une table ronde à laquelle ont participé entre autres Raphaël Goetter et Laurent Jouanneau a permis de répondre à quelques interrogations, notamment concernant les feuilles de style CSS et les WCAG.

En conclusion

Paris Web 2006 était un véritable succès et l'événement répondait à un réel besoin en France. C'était aussi l'occasion de croiser bon nombre de personnalités qui oeuvrent quotidiennement pour permettre au Web d'atteindre tout son potentiel.

Je suis ravi d'avoir pu échanger quelques mots avec Élie, Karl, Monique, Thomas, Aurélien, Maurice et d'avoir croisé tant de personnes dont j'admire le travail et la perspicacité. Je suis d'ores-et-déjà partant pour une édition 2007.

Les slides des présentations, le son ainsi que quelques vidéos seront prochainement disponibles sur le site de Paris Web. Ne manquez pas également de consulter le groupe Flickr ParisWeb2006.

À ce propos, n'oubliez pas la liste des personnes présentes dans le public élaborée par Monique, et rendez-vous ici très bientôt pour le compte-rendu de l'événement.

Voilà le projet que j'ai en tête depuis maintenant un an, mais sur lequel je n'ai pas encore eu le temps de me pencher sérieusement. C'était aussi celui de Laurent Jouanneau, qui a cependant laissé le développement en suspens quelques semaines plus tard, lui aussi en raison d'un manque de temps. J'avais d'ailleurs manifesté mon intérêt pour la réalisation d'une telle documentation CSS, concise et facile d'utilisation.

J'envisage donc de démarrer l'élaboration d'un tel outil collaboratif. Néanmoins, et c'est d'ailleurs ce qu'avait indiqué Laurent Jouanneau, un simple Wiki ne permettrait pas d'assurer aisément la portabilité des données, ce qui pourrait être un plus très intéressant. En effet, la documentation CSS Mediabox, basée sur DokuWiki, est pour le reste très complète. J'en suis donc au stade de la conception de la base de données ainsi qu'au remplissage des propriétés et des valeurs associées. Après cette première étape, il s'agira alors du développement proprement dit, ce qui sera peut-être l'occasion de m'intéresser plus en détails aux multiples frameworks naissants, notamment Jelix.

En tout cas, voilà peut-être un élément de renouveau sur CSS Vision pour les prochains moins, si toutefois, et je l'espère, mon temps libre me le permettra. J'attends avec impatience vos suggestions pour la réalisation de cette référence CSS, mais aussi vos attentes pour un tel projet, qui se doit avant tout d'être utile au plus grand nombre.

Why CSS World Awards? To recognize the work done by developers that build websites using CSS. To heighten the awareness of the companies using Web Standards.

La liste des gagnants a été publiée il y a quelques jours sur CSS Mania. Plusieurs catégories ont été retenues afin de classer les participations. Une catégorie principale a permis de récompenser les sites de l'année que voici :

1. UX Magazine, également gagnant de la catégorie Media ;
2. Veerle's Blog 2.0, distingué également second meilleur blog ;
3. Vitamin, qui obtient aussi la seconde place de la catégorie Business et la 3ème de la catégorie Media.

Dans la catégorie Webdesign, Dan Cederholm arrive en tête avec Simplebits, tandis que CSS Beauty a été élu le plus joli portail.

Cette année, il n'y a eu aucune participation francophone, l'information n'ayant été relayée dans nos contrées qu'après la fin des inscriptions. Il ne faudra pas manquer le prochain rendez-vous !

Qu'on se le dise, cette version est très différente de la première, notamment au niveau des templates, de la structuration de la base ainsi que du fonctionnement des plugins. Elle intègre également plusieurs nouveautés, notamment un media manager plus poussé.

Néanmoins, la préoccupation actuelle est plutôt celle de l'hébergement. En effet, DotClear 2 nécessite PHP5, ainsi que des modules tels que MBString et Iconv. À l'heure actuelle, il n'est pas toujours aisé de trouver une offre vérifiant toutes les conditions requises. C'est pourquoi un script a été mis à disposition pour tester la compatibilité de son hébergeur.

Soulignons enfin qu'il s'agit encore d'une version de test, même si sa stabilité lui permet d'ores et déjà de propulser la Blogeoisie ainsi que les GandiBlogs. D'ici la sortie de la version définitive, nul doute qu'Olivier et son équipe continueront à peaufiner leur oeuvre et à régler les derniers détails.

Logo : Pep.