FredCavazza.net

Le W3C vient d’initier une démarche de normalisation pour l’accessibilité des interfaces riches : Roadmap for Accessible Rich Internet Applications, et c’est un très bonne nouvelle.

Le W3C avait déjà initié différents chantiers autour d’AJAX et des interfaces riches (voir à ce sujet mes précédents billets : AJAX en voie d’être légitimé par le W3C ? et Le W3C et les interfaces riches) sans toutefois intégrer de contraintes relatives à l’accessibilité.

Le document est assez long et indigeste à lire, mais il est question des XForms et de XHTML 2.

Et si vous souhaitez approfondir le sujet, je vous recommande également cet article sur la rédaction d’une charte ergonomique pour les applications en ligne : A Framework for Web Application User Interface Design Guidelines.

Demain est un grand jour, c’est la première journée annuelle des naturistes du web : First Annual Naked Day.

Rassurez-vous, il est bien ici question de standards web et de qualité du code. Le principe est le suivant : demain (5 avril), les webmasteurs de la planète sont invités à désactiver leurs feuilles de styles CSS pour afficher une version brute de leur site (uniquement le HTML). L’objectif est de faire prendre conscience aux internautes de l’importance de la sémantique du balisage.

En gros, si vous utilisez une sémantique propre qui respecte les normes du W3C, alors votre site restera parfaitement consultable même sans feuille de styles. Par contre, si vous utilisez une sémantique exotique avec des balises détournées de leur fonction première et tout un tas d’astuces CSS alors vote site sera fortement pénalisé (la grosse honte !).

C’est en quelque sorte une journée porte ouverte où les visiteurs pourront juger de la qualité du code.

Bon, vous voilà prévenu : demain je désactive ma feuille de style. (via Gou Blog)

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 !

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).

Non ceci n’est pas une blague.

Si vous êtes séduit par le principe d’AJAX mais que le XML vous semble un peu trop complexe à manier alors je vous recommande l’AHAH (Asychronous HTML and HTTP). En gros, le principe est très simple : utiliser l’objet XMLHttpRequest pour rapatrier du contenu stocker en XHTML. Et oui, c’est ici que l’astuce réside : plutôt que de rapatrier du XML qu’il faut ensuite transformer en HTML via XSL, et bien on rapatrie directement de l’HTML.

Pour aller plus loin dans l’explication, les auteurs d’AHAH le décrive comme un REST-Enabled XHTML microformat qui serait issu de JAH (Just Asynchronous HTML). Rien de très révolutionnaire mais comme ils proposent des bibliothèques javascript toutes prêtes ça serait dommage de se priver, non ?

Tout ça me donne des idées… je me demande si je ne vais pas publier les premières spécifications de HUM-HUM (HTML and UML Metadata for Human Ubiquitus Model) voir de PIF-POUF (Portal Infrastructure Functionnality for P2P Object Unified Framework). Et vous ?

Le HTML vous connaissez ? Mais si, les pages de texte avec des images où rien ne bouge. Bon et bien le DHTML c’est la même chose mais avec des trucs qui bougent en plus.

Plus sérieusement, je vous propose de découvrir aujourd’hui un projet bien singulier : FACE est un framewok qui permet de faire des petites animations à l’écran sans avoir à utiliser Flash, sans connaître javascript et le tout dans le respect des standards web. Quelle est l’astuce ? Le recours à des propriétés des CSS ainsi qu’à des bouts de javascript le tout dans une syntaxe qui utilise le principe des noeuds :

En résumé : c’est gratuit, c’est compatible W3C, c’est relativement léger, donc : pourquoi pas ! Qui pourrait creuser un peu plus la question et nous donner un avis plus… avisé ?

Je viens de finir le dernier livre de Dan Cederholm qui parle de conception web et des standards W3C : Bulletproof Web Design. Outre le fait que ce livre se lise très bien et que tous les exemples de code sont très bien expliqués, ce qui m’a le plus marqué dans cet ouvrage est l’approche à toutes épreuves que l’auteur y explique.

Le concept est le suivant : que deviendrait la mise en page de votre site si les images ou le code CSS était désactivé ? C’est à partir de cette question que l’auteur nous explique comment concevoir un site et des mises en page qui se dégradent proprement ou qui restent lisibles si l’on double la taille du texte. D’ailleurs à ce sujet le site de l’auteur est un bon exemple : SimpleBits.com.

Conclusion : un livre que je vous recommande vivement.

Oui môsieur, GRDDL comme Gleaning Ressource Descriptions from Dialects of Languages. Pour faire simple, GRDDL est un mécanisme mis au point par le W3C qui sert à extraire les informations présentes sur une page web au format XHTML et les transformer en RDF. Pour avoir une explication plus détaillée, je vous recommande cet article : Sémantique et XHTML.

Un peu complexe tout ça, non ? Effectivement, j’avoue être un peu perdu dans tout ces formats. Néanmoins, il semble que le débat tourne autour des microformats et de RDF. Je cite l’auteur de l’article : XHTML n’est pas fait a-priori pour sémantiser l’information, mais pour la structurer. En d’autres termes, si vous souhaitez donner du sens à vos pages web, la bonne pratique consiste à utiliser des balises descriptives de metadonnées (comme le Dublin Core que j’utilise) ou à associer des éléments RDF beaucoup plus complets… mais plus lourds à implémenter. D’où l’intérêt d’une solution intermédiaire comme GRDDL. (merci à Gauthier pour le lien)

Comme le fait fort justement remarqué Denis Bourdeau, le W3C a publié la semaine dernière un premier jet de spécifications (Working Draft comme ils disent) sur les XFrames.

Et là vous me demandez : c’est quoi les XFrames ? Et là je vous répond : Et bien… heuuuu… c’est un peu comme les iFrames… sauf que en fait ce sont des fichiers XML qui sont utilisés… donc en fait c’est comme les Data Island… mais c’est bien parce que l’on n’a pas besoin de rafraîchir toute la page… un peu comme avec AJAX…

Et là vous êtes perplexes devant une telle débauche d’acronymes et termes techniques. Ceci étant dit, ces nouvelles spécifications représentent un potentiel très intéressant. Et je remercie par avance l’âme charitable qui voudra nous expliquer dans un commentaire la différence entre XFrames, iFrames et Data Island.

En tout cas je peux vous assurer qu’après la lecture de ces spécifications, vous n’allez plus regardez les cadres du même oeil car les XFrames représentent une alternatives plus que valable aux antédiluvienne Frames.

J’ai déjà eu l’occasion de faire l’article sur les standards du W3C. Aujourd’hui je vous propose de lire un article très intéressant sousl a forme d’une interview entre deux gourous du web : Why eBay needs Standards-Oriented Design: An Interview with Eric A Meyer. D’un côté il y a Jared Spool, l’un des ergonomes les plus influent de la planète et de l’autre il y a Eric Meyer, le dieu des CSS.

Le plus étonnant dans cet article, c’est que les points de vue de ces deux personnes se rejoignent : les standards web (XHTML, CSS, DOM…) améliorent le confort d’utilisation et sont une vrai source d’économie. Ils prennent ainsi l’exemple du site d’eBay qui pourrait économiser des millions de dollars s’ils se conformaient aux standards. Mais bon, il faut croire qu’ils ont de l’argent à dépenser… (rapport au rachat de Skype).