Journal de bord

internet > standards et qualité web

Form Follows Function

FFF is a collection of interactive experiences. Each experience has its own unique design and functionality. All the experiences are created in HTML5, the site works beautifully on both desktop and tablet. — Jongmin Kim.

Copinage

Les profs ont du temps libre, ils en profitent pour écrire des livres, des manuels. Et qui peut mieux faire preuve de pédagogie qu’une prof de maths…

Bref, Pascale livre l’art et la manière de styler le Web en 130 pages. Si vous souhaitez vous initier au monde merveilleux des feuilles de styles en cascade et qu’on vous prenne la main pour vous guider dans la mystérieuse forêt des pseudo-classes, ce livre est fait pour vous…

Digit Books : Pascale Lambert-Charreteur, “Pratique de CSS3 & 2.1”.

Parution de mon livre : Pratique de CSS3 & et 2.1.

Opera alias Webkit

Opera web evangelist Bruce Lawson provided .net with the following statement, outlining the company’s reasoning:

“Opera, along with Microsoft and Mozilla, announced at a CSS Working Group meeting that we would support some WebKit prefixes. This is because too many authors of mobile sites only use the WebKit-prefixed version, and not even the standard, unprefixed one, when it is available. This leads to a reduced user experience on Opera, Mobile Firefox and Mobile IE, which don’t receive the same shiny effects, such as transitions, gradients and the like, even if the browser supports those effects.

.NET : “Opera confirms WebKit prefix usage”.

Ne serait-il pas plus simple de fonctionner de la manière suivante : le navigateur enlève tous les prefixes rencontrés, prend ce qu’il comprend et passe le reste ? (Ma question est peut-être stupide, mais j’aimerai bien comprendre.)

La jungle des préfixes

Il n’y a pas si longtemps, IE 6 était le navigateur dominant sur Internet. Techniquement parlant, le Web était plein de sites « optimisés-pour-IE6 ». Pour ce qui était des autres navigateurs… leurs utilisateurs n’avaient que leurs beaux yeux pour pleurer. IE 6 est mort à présent, cette époque est révolue, et tous les fabricants de navigateurs, y compris Microsoft, sont revenus dans le giron de la standardisation. Définitivement révolue, cette époque ? Pas vraiment… IE 6 a disparu, mais le problème est de retour.

WebKit, le moteur de rendu au cœur de Safari et de Chrome, installé dans les iPhones, iPads et les périphériques Android, est maintenant le navigateur ultra-dominant dans le Web mobile et techniquement, le Web mobile comporte de nombreux sites ne-fonctionnant-qu’avec-WebKit… Du coup, les autres navigateurs et leurs utilisateurs n’ont à nouveau que leurs yeux pour pleurer. De nombreux sites détectent l’Agent Utilisateur des navigateurs et filtrent les navigateurs non-WebKit. Tout comme par le passé avec IE 6, ce n’est pas une question d’innovation mais de monopole du marché par le matériel et les logiciels fournis avec celui-ci. Il y a cependant un aspect du problème que nous n’avions pas lors de l’ère IE 6 : ces sites Web sont également spécifiques à WebKit parce qu’ils utilisent des propriétés CSS expérimentales exclusivement préfixées par -webkit-* et sans utiliser leurs équivalents Mozilla, Microsoft ou Opera. Ainsi, même sans aucune détection du navigateur, ces sites Web apparaitront toujours cassés aux navigateurs ne reposant pas sur WebKit…

Dans beaucoup, voire dans la plupart des cas, les propriétés -webkit-* que ces sites spécifiques utilisent ont des équivalents -moz-*, -ms-* ou -o-*. Les dégradés, les transformations, les transitions, les animations, les coins arrondis sont tous et toutes suffisamment interopérables pour de pas dépendre du navigateur. Les créateurs de sites Web n’ont besoin que de quelques minutes pour rendre leurs sites compatibles avec Mozilla, Microsoft ou Opéra. Mais ils ne l’ont jamais fait.

Sans votre aide, sans une réaction forte, il n’y aura qu’une issue, dont nous sommes dangereusement proches : les autres navigateurs vont commencer à prendre en charge / implémenter eux-même le préfixe -webkit-*, en transformant une implémentation unique en un nouveau standard mondial. Cela transformera une part de marché en un standard de facto, une seule implémentation en un monopole mondial. À nouveau. Ça tuera notre processus de standardisation. La question n’est pas de savoir si ça va arriver, mais quand.

Laissez-moi être très clair : ce n’est PAS une situation hypothétique et je ne parle pas ici de quelque chose qui pourrait arriver. Tous les fabricants de navigateurs nous ont officiellement fait savoir que cela arrivera bien plus rapidement qu’on ne pourrait le croire parce qu’ils n’ont, je cite, « pas d’autre option ». Clarifions un autre point : ce n’est PAS un manque d’innovation de la part de ces fabricants de navigateurs, d’autant plus qu’ils supportent BIEN une propriété mais avec leur propre préfixe, suivant ainsi les règles du groupe de travail. Les préfixes constructeur n’ont pas échoué. Ils ne sont pas parfaits, mais ils préservent du chaos les auteurs de sites Web. Nous pouvons certainement les améliorer mais nous le pouvons uniquement si les préfixes constructeur restent des préfixes propres à chaque constructeur.

Cette situation s’est produite dans le passé avec IE 6, quand les navigateurs fonctionnaient uniquement sur les ordinateurs de bureau, et il a fallu dix longues années pour en sortir. Avec les milliards de navigateurs mobiles d’aujourd’hui, le Web pourrait ne jamais s’en remettre.

Daniel Glazman : “Le web ouvert à besoin de vous maintenant” (traduction OpenWebGroup).

Le quotidien dans les CSS des sites modernes :

a.button, a.button:hover {
-webkit-transition-property: background color;
-webkit-transition-duration: 2.5s;
-webkit-transition-timing-function: ease;
-moz-transition-property: background color;
-moz-transition-duration: 2.5s;
-moz-transition-timing-function: ease;
-o-transition-property: background color;
-o-transition-duration: 2.5s;
-o-transition-timing-function: ease;
-ms-transition-property: background color;
-ms-transition-duration: 2.5s;
-ms-transition-timing-function: ease;
transition-property: background color;
transition-duration: 2.5s;
transition-timing-function: ease;
}

Invasion du poney

J'aime le steak de poney

Trouvé dans le code de ce site

Question stupide

Ça sert à quoi HTML 5 ?

(À part faire de jolis T-shirts.)

Frameset commenté

<noframes>
<body bgcolor="#CCCCCC">
désolé, votre navigateur ne supporte pas les cadres, moi non plus...
</body>
<noframes>

Trouvé dans le code source de “Architecture et patrimoine - Ministère de la Culture”. Ça m’a fait rire.

Par rebond via un tweet d’Emmanuel.

An ode to tables

Dans le groupe “Web Standards” de LinkedIn, je viens de tomber sur ce qui ressemble à un vieux troll moisi :

On Friday I received a status report from the web development company doing the back end of my client’s new web site. In the report was an explanation about why the sidebar on the left side of the page had to be shorter than the main content panel when my Photoshop layout showed the sidebar and main content equal heights. Perhaps it was my naivete when I expected their css-based layout to do what tables used to. Maybe it has to do with the development company who doesn’t have a designer on staff to act as an advocate for the integrity of the client’s design. Or maybe it’s a bit of both.

After doing a search on how to make a css-based sidebar 100% the height of the content panel, I understood the problem. The css declaration “height:100%;” doesn’t do what it promises. The only solution is write a lot of additional css code to act as a hack or workaround and many of these solutions fall apart depending on the browser. It seems that those responsible for determining that css was the new page layout standard gave designers sub-standard tools to work with and didn’t fully think through the functionality.

In all of this I keep coming back to tables. The same layout for my client’s web site done in tables would have easily matched my Photoshop page layout. In spite of the fact that we are told that browsers may end their support for tables, it hasn’t happened yet and I don’t expect it to happen soon. Tables render the same across almost all major browsers and there are a lot of table-based sites out there

I have seen a lot of people bashing table-based design recently. However in defense of tables, a table-based layout can be created with a minimum of code. It doesn’t require a page and a half of additional code to make the layout work properly. I am seriously considering going back to tables for my own web design. I will only abandon tables when the W3C or whomever makes these decisions provides designers like me better tools that work more reliably.

Mark

Ma curiosité étant piquée, je suis allé voir ce que faisait ce “web designer”. Et j’ai compris que ce n’était pas un troll, qu’il était tout à fait sincère. Je pensais qu’on avait définitivement eu la peau du “table-based layout”, il y a encore des îlots de résistance. Pédagogie, pédagogie, et encore…

Le lent cours du Web…

Le lent cours du Web…

(Emprunté à cette présentation html 5 en html 5).

Is Ogg Theora doomed?

Brian Crescimanno has written a fine argument that this is a situation where pragmatism should win out over idealism, and that Mozilla should include support for H.264 (in addition to Ogg Theora) in Firefox. As he points out, it’s not as though Mozilla has never before supported proprietary formats (e.g. GIF). But Crescimanno’s best point is that Mozilla’s support for Ogg Theora is doomed because it’s technically inferior to H.264:

People and businesses are willing to embrace free software when it provides an equal or better product than the proprietary alternatives (see the success of Linux on the server). However, when free software doesn’t keep up with the best non-free products, people stay away (see the lack of success of Linux on the desktop). Simply put, there just aren’t that many people who share the same moral imperative as the Free Software Foundation; most of them just want it to work.

Put another way, “open and better” is a recipe for success; “open but worse” is a recipe for obscurity. Popular video publishing sites aren’t going to use Ogg Theora instead of H.264, and I think they’re very unlikely to support it in addition to H.264, either. Encoding and storage are expensive; supporting both would at least double those costs.

Daring Fireball : “Mozilla, Video, and Mobile Computing”.

Karl Show

2009-karl-paris-web.

[Photo Take A Sip.]

Une présentation qui respire le sexe : “HTTP pour les naïfs et les brutes”. Avec des “Uh Air Aïe” dedans.

P.S. Si vous êtes branché zoophile (canards) et trolls (y a même du Ségolène Royal dedans), y a ça aussi. Et deux frères ennemis dans un seul billet, c’est mieux.

Pause publicité

Paris Web 2009, du 8 au 10 octobre.

Il reste encore des places, sans doute pas pour longtemps…

(Les pauvres, il vont encore se bouffer du canard en plastique…)

Karl est normand

<sfw>

Daniel Glazman a souvent parlé de XHTML 2.0 comme d’un canard. Cela nous a valu plusieurs prises de bec mémorables. Cependant à la vue de ce qui se passe dans le groupe de travail, je ne peux m’empêcher de penser que Daniel n’avait pas tout à fait raison, et que je n’avais pas tout à fait tort. Cela nous donnera l’occasion d’une discussion à ParisWeb 2009. ParisWeb est une conférence organisée par des gens talentueux et avec des discussions toujours intéressantes. Venez nombreux. Ceci dit XHTML 2.0 n’avait que peu de chances de succès dans le domaine du Web ouvert depuis que les fabricants de navigateurs ont déclaré formellement ne pas vouloir implémenter XHTML 2 et concentrer leurs efforts sur HTML 5. Une décision a finalement été prise de fermer le groupe de travail XHTML 2. Nombreuses idées de XHTML 2.0 sont reprises dans le document de HTML 5. cela va clarifier le message auprès de la communauté.

Le carnet Web de La Grange : “Le futur de HTML”.

(La mise en gras est de mon cru.)

La conclusion mérite une mise en exergue :

Dans toute cette aventure, ce que j’ai appris le plus, ne fût pas vraiment la technologie, mais bien la vie et les relations tribales de pouvoir des communautés.

</sfw>

The back button

Interactivity is important but you know what else is really important? The back button. Ordinary people who have to use computers to get their daily jobs done, are sitting there in the web browser they really like the back button because applications are confusing, nobody has ever done an application that isn’t confusing some times and when you are confused you say “I will just get back out of here”. Anything that discards the function of the back button is a step backwards.

InfoQ: “Tim Bray on the Future of the Web”.

Diffusion des standards

Jeffrey Zeldman: “Web Standards Test: Top 100 Sites”. Grosso modo, 1 sur 10, ce n’est pas très brillant.

P.S. Et le même jour, je tombe sur ça :

Nobody cares if your HTML is valid. Except you. If you want to. Don’t think for a second that producing perfectly valid HTML is more important than running your website, delivering features that delight your users, or getting the job done.

Coding Horror : “HTML Validation: Does It Matter?

Voyages-SNCF.com

Chère cliente, cher client,

Vous avez élu Voyages-sncf.com, site favori de l’année 2008.
Toute l’équipe se joint à moi pour vous remercier de votre confiance et de votre fidélité.
Soyez sûrs que nous continuerons à mettre chaque jour notre expertise et notre passion pour faire de Voyages-sncf.com votre site favori en 2009, en 2010, en 2011… en 2020…

Rachel Picard
Directrice Générale

Heu, non, je n’ai jamais élu le site Voyages-sncf.com à quoique ce soit, et si on m’avait demandé, cela aurait plutôt été dans la catégorie “Pire site de l’année, et encore, quand il fonctionne”.

Plus gros le logo

Les écrans de la présentation “Bonnes pratiques web” de François m’ont fait mourir de rire. C’est vraiment du vécu…

Le patron :
« Plus gros le logo ! »
« Ma femme n’aime pas le rouge. »
« Mon fils a dit que c’était nul. »

Le directeur de communication :
« Mettez une vidéo du patron sur la page d’accueil. »
« Il y a un bouton vers le rapport annuel ? »
« Faites un communiqué de presse pour annoncer le nouveau site web. »
« C’est pas sexy. »
« Mettez la dernière campagne de branding partout ! »

Le directeur financier :
« On peut externaliser la production de contenus en Inde ou en Chine ? »

Le service marketing :
« Il faudrait leur demander de remplir ce petit questionnaire (50 questions) avant d’aller plus loin. »
(Comment ça qu’est-ce qu’on fait avec les réponses ?)

Le service informatique :
« Non.
Interdit.
Impossible.
Pas le temps.
On a déjà fait.
Tu as un budget ? »

Je ne regrette pas de ne plus entendre ces discours à longueur de journée.

Paris Web 2008

Paris Web 2008.

[Une création SunFox — hé, Sunny, “J’y serai pas”, ce serait mieux ;-).]

À vos agendas

La 3e édition des conférences Paris Web sur l’accessibilité et la qualité Web aura lieu du 13 au 15 novembre prochain.

(Je ne sais pas si je pourrais venir, ça va faire un peu cher en transport…)

Avis de recherche

L’appel à propositions de Paris Web 2008.

Paris Web 2008

Sortez vos agendas, Paris Web 2008, ce sera du 13 au 15 novembre.

Marketing touristique à Montréal

Tourisme Montréal vient de lancer son nouveau site de promotion de la ville. Il a coûté 1,5 million de dollars canadiens (972 000 €).

D’un point de vue technique, pour un site de 2008, on regretta une conception entièrement à base de tables, un code non valide, une accessibilité quasi-nulle. Terriblement “old-school”.

Voir aujourd’hui ce genre de choses fait sourire :

<td width="1"> </td>
<td><div class="section_separateur"></div></td>

Une navigation très accessible… :

<a class="tab" 
onmouseover="TwoStatesHyperlink.Initialize(
'mnuWeRecommend',
'mnuWeRecommend_Img',
'/Images/Fr/buttons/bt_werecommend_on.gif',
'/Images/Fr/buttons/bt_werecommend_on.gif');" 
ImageID="mnuWeRecommend_Img" id="mnuWeRecommend" title="" href="/" 
onclick="TabSwitch(1);return false;">
<img border="0" id="mnuWeRecommend_Img" 
src="/Images/Fr/buttons/bt_werecommend_on.gif" /></a>
<a id="ctl00_C1_ByTheme1_SubGroupsTop1_rptTopSubGroups_ctl00_lnkMore" 
title="Plus d'info" class="fullarticle" 
onclick="ByThemeSubGroupDetails(1,11213);return false;" 
href="/">Plus d'info</a>

Risible.

Et du script.aculo.us, en veux-tu, en voilà… Faut faire Web 2.0…

Ce nouveau site s’inscrit dans le cadre d’une nouvelle démarche marketing :

1. Clientèle cible

Le choix de ces cibles a été arrêté de par l’effet multiplicateur qu’elles génèrent. En effet, moins affectée par les freins économiques - force du dollar canadien, prix du carburant, nouvelle réglementation en matière de passeport -, que la clientèle du marché affaires, notre clientèle touristique cible effectue de nombreux voyages, et fait preuve d’une grande influence tant sur l’ensemble de ses pairs et sur son environnement que sur la clientèle du marché affaires (planificateurs de réunions et décideurs associatifs).

Nos activités publicitaires ciblent principalement - mais non restrictivement - deux entités distinctes en provenance des États-Unis (plus spécifiquement de New York et de Boston), du Canada (Toronto), du Royaume-Uni (Londres), de la France et du Mexique :

- les HHAU (hétérosexuels, hédonistes, aisés et urbains) - Identifié par Tourisme Montréal, ce groupe est composé « d’oiseaux urbains » jeunes, célibataires et branchés, âgés de 25 à 39 ans. Ils sont en grande partie des professionnels (60 % d’entre eux) dont le salaire annuel moyen dépasse le seuil des 75 000 $. Généralement très à l’aise avec la technologie, ils consultent les sites de voyages, mais aussi les blogues et sont membres de réseaux sociaux virtuels (Facebook et autres).

- les SKER (Spending Kids’inheritance) - Il s’agit de couples sans enfants, en grande partie des professionnels dont le revenu annuel moyen est, là encore, estimé à plus de 75 000 $. Âgés de 35 à 55 ans, ils sont des lecteurs assidus des sections « voyages » des magazines et des quotidiens.

[Source : http://lancement.tourisme-montreal.org/files/TMFicheDocumentaire1.pdf]

Ah, et enfin, vous ne trouverez aucun lien vers le site de Tourisme Montréal, puisqu’on peut lire dans sa page “avis juridique” :

Il vous est interdit de créer dans d’autres sites Web des liens les reliant à ce site Web sans l’autorisation expresse du Propriétaire du site. (Pour obtenir cette autorisation, veuillez communiquer avec notre administrateur Web à info@tourisme-montreal.org).

Consternant. Je les prends donc au mot.

Le nouveau site de Tourisme Montréal, à 972 000 €, c’est un bon échantillon de ce qui ne faut pas faire en matière de web. Et je ne prends pas le temps de vous parler d’utilisabilité, de navigation et d’expérience utilisateur… La vocation de ce nouveau site est de “surprendre”, pour ma part, c’est plutôt réussi.

Allez donc y faire un tour.

Le site de Tourisme Montréal est l’œuvre des sociétés Cactus.net et Sid Lee (ex. Diesel). Ucentric a été consulté au sujet de l’expérience utilisateur.

[Via Michelle Blanc : “Lancement du nouveau site de Tourisme Montréal”.]

P.S. Heri Rakotomalala, développeur à Montréal, a trouvé une fonction très intéressante sur le site de Tourisme Montréal, lorsque vous utilisez le bouton “back” de votre navigateur :

Alerte sur le site de Tourisme Montréal.

Wow !

(Merci Manuel Masson pour le lien.)

P.S. bis. Mario Asselin se pose des questions sur ce budget de près d’un million d’euros.

Éric Baillargeon ne fait que dire “une aberration absolument incroyable”. Houssein déclare être 100 % d’accord avec les critiques négatives.

Destroy The Web 2.0 Look

Eliot Jay Stocks: “Destroy The Web 2.0 Look’ @ Future of Web Design, New York”.

[Via Pierre Carion.]

Montreal Web 2008

Paris Web 2007.

Paris Web 2007, c’était bien. Mais Montréal Web 2008, ce serait pas mal… N’est-ce pas Denis ?

That was ParisWeb 2007

Paris Web 2007.

I’ve spent the last three days at Paris Web - a three day conference about web standards and accessibility held in Paris, France. Just to sum it up: although travelling through the city to reach the two different locations was more of a nightmare that I’d ever imagined, the conference itself was an amazing experience and I am happy to have been a part of it.

Paris Web shows the hallmarks of a conference that is organized by people who are simply passionate about bringing the good ideas of standardization and accessibility to the people and not to line their pockets.

The two day conference pass held in an IBM building with a state-of-the-art auditorium (I am still geeking out about the remote control and having a monitor in the stage to see my slides) and a more than adequate supply of coffee and beverages was 100 Euro for two days. The workshops, sadly enough (because of the strike) held in a school on the other side of town set back attendees for only 10 Euros!

These prices meant that you were able to reach the folk you normally can’t as they are not able to afford the ticket for much pricier conferences. Pending me, the low price did not mean you didn’t get a line-up of impressive speakers and great presentations. The list of speakers read like a who-is-who of the francophone web scene and included people from WaSP, the W3C, IBM and members of the prototype team.

[Chris Heilmann: “Minified Metro, Sticky Event Handling and great new encounters - that was ParisWeb 2007”.]

2007-chris-heilmann.

[Chris Heilmann et Stéphane Deschamps - Photo Mathieu Drouet.]

A l’Insia

2007-paris-web-insia.

[Photo Stephanie Booth.]

J’essaie de bloguer de l’Insia, sur un Dell en plastique sous KDE, avec un vieux clavier qwerty tout pourri… Ne comptez donc pas sur moi pour le moindre accent ou autre coquetterie typographique. Je pollue du bruit de l’immonde clavier mécanique la présentation sur les “bonnes pratiques” assurée par Elie Sloim et, en guest star, Denis Boudreau.

Elie nous retrace l’aventure du projet Opquast. Il achète le public en offrant a chacun le memento publie chez Eyrolles. Nous entrons dans le concret avec l’exposition de quelques fiches extraites du référentiel qualité Opquast. Avec des points comme “Il est possible de revenir a la page d’accueil depuis toutes les pages” ou encore “Chaque page comporte un titre significatif et représentatif de son contenu”.

Plus technique, Elie nous présente les bonnes pratiques liées au serveur. “Le serveur envoie les informations relatives a la nature des contenus (présence ou absence de contenus a caractère sexuel), “Les entêtes envoyés par le serveur contiennent les informations relatives au jeu de caractère employé”, “Le serveur envoie les informations permettant la mise en cache des contenus”, etc.

Ces aspects serveur suscitent réactions et questions parmi l’assistance.

(Ahhh, je viens de découvrir le correcteur orthographique qui va me permettre de placer quelques accents.)

La conformité a 100%, dans le cadre d’un référentiel, n’est pas une obligation et pas forcement souhaitable. Il s’agit de s’inscrire dans une démarche qualité. Il faut demeurer pragmatique.

Elie expose le process de création des règles Opquast, au travers de propositions de bonnes pratiques qui furent écartées.

Mon-Opquast 2.5 (encore en version alpha) se veut un véritable outil de pilotage, notamment pour les entreprises possedant de nombreux sites. Certains points d’evaluation sont désormais automatisés via un validateur, qui recouvre environ 15 % du référentiel. Nous testons la page http://www.paris-web.fr/2007/. Ouf, pas trop d’erreurs…

Tous les aspects de la qualité Web ne peuvent faire l’objet d’une automatisation, une évaluation humaine est incontournable.

Pris par le temps, Elie se doit deja de conclure, avec les axes de développement futur du référentiel OpQuast. Faciliter le pilotage de parcs de sites, le travail en équipe, développer l’évaluation automatique (quand c’est possible).

Dernière conférence

Paris Web 2007.

Oui, je devrais vous parler de Paris Web 2007, vous dire combien c’est le résultat de l’agrégation de mecs et de nénettes super-bien.

Le genre de personnes dont vous ignorez le nom et même l’existence, mais qui s’activent en coulisses pour vous préparer un monde meilleur, plus respectueux des différences, plus ouvert. Des gens qui œuvrent pour Internet. Les grands fous. Mais, qui obtiennent cependant, au jour le jour, des résultats tangibles à force d’obstination.

Des gens biens, et dont je suis humblement fier qu’ils daignent me reconnaître au sein de leur petite et courageuse communauté. À Paris Web 2007, j’ai le sentiment de me sentir en famille, et ça me fait chaud au cœur. Alors, oui, je devrais vous gaver de Paris Web. Mais Paris Web ne sera pas ma dernière conférence.

Pour Randy Pausch, c’était la dernière conférence. Je vous souhaite tous de réaliser vos rêves d’enfants.

(And, don’t forget, We are the Internet.)

Jour J

Ça y est, c’est aujourd’hui !

Paris Web 2007.

Paris Web, J-1

Demain, et pour trois jours, tous les professionnels du Web soucieux de qualité se retrouveront à la Défense.

Paris Web 2007.

J’en serai et j’ai hâte d’y être.

The Web Design Survey

A List Apart: “Findings From the Web Design Survey”.

Élysée.fr

Accessibilité. Un soin tout particulier a été pris pour rendre le site Internet de la Présidence de la République accessible au plus grand nombre et plus particulièrement aux personnes ayant un handicap visuel. Toutes les pages du site sont actuellement mises aux normes de codage de l’organisme W3C. Elles seront progressivement mises en conformité avec les recommandations W3C.

L’ensemble des pages contenant des textes officiels sera également compatible. Celles comportant des contenus mixtes (textes, hyperliens, iconographie) peuvent ne pas être compatibles.

Élysée.fr.

<title>Elysee.fr | Présidence de la République | Accéssibilté</title>

“Accéssibilté” ?

W3C Markup Validation, http://elysee.fr/accessibilite/ : 17 erreurs.

Bon, il y a encore un peu de boulot…

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="ltr" lang="fr">

<head>
 <title>Elysee.fr | Présidence de la République</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="description" content="">
 <meta name="keywords" content="">
 <meta name="robots" content="index, follow">
 <meta name="GOOGLEBOT" content="index, follow">
 <script type="text/javascript" language="JavaScript" 
src="/js/hijack.js"></script>
 <script type="text/javascript" language="JavaScript" 
src="/js/menu.js"></script>
    
 <link rel="stylesheet" type="text/css" 
href="http://www.elysee.fr/templates/default/default.css">
 <!-- For W3C Validation -->
 <link rel="stylesheet" type="text/css" 
href="http://www.elysee.fr/templates/default/css.php">
 <!-- End for W3C Validation -->

Etc.

[Code source Élysée.fr.]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="ltr" lang="fr">

<head>
 <title>Nicolas Sarkozy | Ensemble tout devient possible</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="description" content="">
 <meta name="keywords" content="nicolas sarkozy, sarkozy, 
construire ensemble, sarkozy construire ensemble">
 <meta name="robots" content="index, follow">
 <meta name="GOOGLEBOT" content="index, follow">
   
 <link rel="stylesheet" type="text/css" 
href="http://www.sarkozy.fr/templates/default/default.css">
 <!-- For W3C Validation -->
 <link rel="stylesheet" type="text/css" 
href="http://www.sarkozy.fr/templates/default/css.php">
 <!-- End for W3C Validation -->

Etc.

[Code source Sarkozy.fr.]

On appelle cela du recyclage…

Lire aussi : Versac, “Nouveau site internet pour l’Elysée”.

Inscriptions ouvertes

Logo Paris Web 2007

Les inscriptions pour Paris Web 2007 sont ouvertes. 100 € pour les deux jours. J’en serai !

Ne tardez pas trop, il n’y aura pas de place pour tout le monde.

En savoir plus.

Paris Web 2007, c’est parti !

L’association Paris-Web a le plaisir de vous annoncer la seconde édition de son cycle de conférences autour des problématiques de qualité, d’accessibilité et d’évolution des technologies web. Pour ce rassemblement majeur en France, nous recherchons des experts souhaitant partager leur retours d’expérience et leur métier.

Paris Web 2007 proposera deux jours de conférences et de tables rondes aux acteurs du web, les jeudi 15 et vendredi 16 novembre 2007. Le samedi 17 novembre sera réservé à des activités plus communautaires via des ateliers ou des débats.

Les interventions porteront sur la définition, la mise en œuvre et le contrôle de la qualité web. Cet objectif de qualité englobe les notions d’accessibilité et d’interopérabilité mais aussi les problématiques liées aux nouveaux formats et aux nouveaux usages du Web.

[Paris Web : “Appel à propositions pour 2007”, via Stéphane Deschamps.]

Proverbe du jour

“Il est immoral de laisser les pigeons garder leur argent.”

Trouvé chez François, au sujet du scandale du site Bordeaux.fr.

Dire que cela me fait vivre depuis 15 ans… Cependant, pas à ce niveau de gabegie.

Ce n’est même pas une question de public ou privé — je crois sais que l’on peut trouver bien pire dans nos entreprises du CAC 40 — je ne citerai pas de noms. C’est une question de crasse incompétence également répartie à tous les échelons du pouvoir.

On en parle…

Le site qui valait 6 millions, la presse commence à s’y intéresser.

Bordeaux.fr

[…] lors du Conseil municipal de ce lundi 5 mars, il est demandé aux élus d’autoriser un nouveau marché mais avec le même prestataire. Cette fois-ci, la complexité technique alléguée est telle qu’il est impossible, selon la municipalité, d’imaginer un instant recourir à un autre prestataire que Sopra Group. La délibération 20070149 de ce Conseil municipal prétend en effet : “Seul Sopra Group possède aujourd’hui les compétences techniques sur les réalisations faites pour permettre au portail de perdurer en production et de poursuivre son extension, sans que soit remise en cause toute sa base technique, l’architecture logicielle déployée et tous les développements réalisés sur cette architecture. Recourir à un fournisseur différent pour son maintien et son évolution obligerait à refaire la conception et les bases du portail, en renonçant à tout investissement financier et humain depuis 4 ans”.

Matthieu Rouveyre : “Bordeaux.fr : opacité, coût excessif et insuffisance de l’Internet municipal”.

6 millions d’euros, ça fait cher le site Web municipal réalisé par Sopra Group (non, ne regardez pas le code source de leur page d’accueil… ah… je vous avais prévenus…), avec des technologies tellement ouvertes que personne d’autre que les concepteurs ne semblent être en mesure de gérer le bousin (qui a dit prise d’otages ?).

Voilà qui pourrait intéresser Tristan et Totalement Crétin

Bonnes pratiques

Mémento Sites Web - Les bonnes pratiques.

Les bonnes pratiques”, c’est un dépliant à la manière d’une liste de contrôle qui recense 153 critères du référentiel qualité Web Opquast. Un pense-bête à garder continuellement à côté du clavier… Et tout ça, pour la somme faramineuse de 5 €.

Merci Élie Sloïm !

Six things that suck

Six things that suck about the Web in 2006, par Roger Johansson.

  1. Usage excessif de librairies/frameworks Javascript.
  2. Ajax à toutes les sauces.
  3. Textes de couleur claire sur fond foncé, contrastes trop forts.
  4. Titres en images pour avoir une belle typo.
  5. Extrémistes de l’accessibilité et zélotes de la création graphique.
  6. Maquettes à taille fixe trop larges.

Karl et Pascale

Karl et Pascale

:-)

Paris Web 2006, en audio

Logo Paris Web 2006.

Les présentations des orateurs de Paris Web 2006 en ligne, en OGG et MP3. Ça en fait des podcasts… (Bon, pas toujours très digestes…)

(Vous êtes dispensés d’écouter ma prestation, si vous ne devez en écouter que 3 ou 4, je vous recommande — dans l’ordre d’apparition — Tristan Nitot, Élie Sloïm, Daniel Glazman, François Nonnenmacher, Karl Dubost…)

Dure réalité

Rapporté par Michel V. cet après-midi. Il a eu au téléphone une websmestre d’un gros intranet d’une grosse entreprise :

“Je ne comprends pas, dans les fichiers que vous m’avez envoyé, il y a un ‘point CSS’. Ça sert à quoi ?”.

Paris Web 2006

Logo Paris Web 2006.

Grâce à Luc Le Gay, quelques moments en vidéo de Paris Web 2006.

Paris Web 2006, ils en parlent

Logo Paris Web 2006.

Paris Web 2006, ils en parlent :

Paris Web 2006, les photos

Logo Paris Web 2006.

Pour les photos, il y a un tag chez Flickr : parisweb2006. Publiez vos photos !

Laurent Gloaguen - Paris Web 2006.

[Photo Mathieu Drouet.]

Laurent Gloaguen - Paris Web 2006.

[Photo Mathieu Drouet.]

Laurent Gloaguen et Daniel Glazman - Paris Web 2006.

[Avec Daniel Glazman - Photo Thanh.]

Laurent Gloaguen et François Nonnenmacher - Paris Web 2006.

[Avec François Nonnenmacher et Aurélien Lévy - Photo Stéphane Deschamps.]

Paris Web 2006

Logo Paris Web 2006.

Mon actualité du moment, c’est bien sûr ma participation à Paris Web 2006.

Accessibilité, qualité et design : comment concilier ces trois approches dans une optique de production de sites web, avec les contraintes et les exigences liées à des processus « industriels » ?

C’est dans ce contexte de questionnement, et pour tenter de rapprocher ces facteurs parfois contradictoires que Paris Web 2006 a été créée. Cette manifestation en français se tiendra les 21 et 22 septembre 2006 à Paris.

On pourra m’y entendre demain à 14 heures :

Vendre les standards. Laurent Gloaguen fera partager sa connaissance de la commercialisation de la qualité Web, des arguments qui convainquent les décideurs, des choix techniques à faire dans un contexte de rentabilité, et illustrera les bénéfices des bonnes pratiques avec des exemples concrets.

Il me reste à commencer d’écrire ma présentation…

Paris Web 2006

Je dois faire un discours d’une heure lors d’une conférence sur les bonnes pratiques du Web, le 21 septembre prochain, sur un sujet un peu ingrat… et, je n’ai encore rien foutu. Procrastination, avez-vous dit ?

J’avoue que le sujet “vendre les standards” me parait un peu obsolète de nos jours… Vers quoi pourrais-je faire évoluer mon intervention ? (Après 15 minutes à expliquer que la question première est caduque, bien entendu.)

Pourquoi faut-il respecter les standards ?

Ma lecture du moment : “Quels sont les standards du Web, et pourquoi dois-je les utiliser ?”.

Ou le retour du structurel sur le Web… Un mouvement de fond qui traverse actuellement le Web, un retour à l’originel, quand le balisage HTML était avant tout porteur de sens (ainsi les balises “address” ou “cite” qui catégorisaient leur contenu sans donner la moindre indication de la forme). Aujourd’hui, on peut retrouver du sens au code tout en gardant la forme grâce aux CSS. Hélas, il y a encore loin avant l’adoption généralisée de ces règles, si cela arrive un jour. Car les règles sont contraignantes. Heureusement, il y a des apôtres qui ont pris leur bâton de pélerin et portent la bonne parole : cessez le bricolage et l’anarchie, respectez les standards du Web.

En attendant, pour apporter ma modeste pierre à l’édifice, je me cultive sur le sujet. Ma prochaine étape sera d’arriver à vendre à un client un site XHTML conforme aux règles… Et çà, c’est pas gagné.

Si vous ne connaissez rien des standards, que XHTML n’évoque rien pour vous, allez donc visiter cette page.