Lunaweb, une réflexion sur la création web et le marketing Internet

Archive pour la catégorie ‘Standards & Accessibilité’

Nos billets sans dessus dessous #1

Par le
No Gravatar

Sur un blog, les billets se suivent (et ne se ressemblent pas) pour bien souvent finir tout seul dans le fond du panier. Il est assez rare qu’ils en ressortent, à moins qu’on ne leur redonne un coup de pouce et pourquoi pas une seconde vie.

En plus, ça tombe bien, l’été c’est l’occasion de lire en se dorant la pilule tout ce qu’on a vu passer pendant l’année sans avoir vraiment de temps à y consacrer.

Cette nouvelle rubrique est donc l’occasion de vous faire découvrir ou redécouvrir les billets que nous avons écrit ces derniers mois.

Pour vous mettre en jambe (et passke c’est l’été, même si on y croit plus vraiment), voici un petit interlude relaxant :

Merci Sarah pour ce moment de détente. Maintenant au boulot !

Lire le reste de cet article »

Le web accessible à tous : une utopie ?

Par le
No Gravatar

L’accessibilité web ne date pas d’hier : la première tentative d’uniformisation au niveau mondial, la Web Accessibility Initiative, a été lancée en 1997 par le W3C.

Et même si on peut constater des progrès depuis presque 15 ans (rappelons-nous de ces magnifiques sites décorés de gif animés… nostalgie quand tu nous tiens), nous sommes encore loin du web accessible à tous.

Depuis les tous débuts de LunaWeb, dans l’accessibilité we trust. Tout d’abord parce-qu’on a souhaité coller au plus près aux standards du W3C, et parce-que rendre nos sites accessibles (dans la mesure de notre marge de manœuvre) ne se limite pas uniquement à l’égalité du web pour tous. Et nous allons vous expliquer pourquoi…

Lire le reste de cet article »

La typographie pour le web

Par le
No Gravatar

Le Web est un média naissant, l’information qu’il véhicule est transmise par des caractères et des images, animées ou pas. La typographie pour le Web a longtemps été LE parent pauvre du www, quelle misère de devoir composer avec les fameuses 11 polices compatibles !

Table de typographie du 9ème siècle

Non, ce n'est pas la première version du Comic Sans MS

On devait alors composer avec le peu de variété à notre disposition (bon alors pour ce site, Arial ou Verdana ? Youhou !), ou passer les titrages en mode image pour éviter d’avoir une mise en scène proche du traitement de texte. Et donc alourdir le poids de la page, perdre l’accessibilité du texte, et faire reculer le référencement naturel.

Mais c’est fini ! Réduite initialement à un rôle purement pratique (juste pour lire du texte), la typo reprend ses lettres de noblesse sur le Web, et devient enfin un vrai vecteur de communication et d’identification du locuteur.

Lire le reste de cet article »

Faut-il utiliser l’intégration en HTML5 en contexte de production ?

Par le
No Gravatar

Coder en HTML5Après avoir touché un peu au HTML5 dans mon précédent article, je pense que cette version 5 du langage le plus utilisé du Web va révolutionner la manière de structurer le code des pages et donc des interfaces que nous réalisons au quotidien.

Il y a des pour et des contre, et à travers cet article je vais surtout vous exposer ce qui me semble incohérent ou pas prêt pour la mise en production d’un site codé en HTML5.

Lire le reste de cet article »

Notre ascension au second étage, un test de page en HTML5

Par le
No Gravatar

Les spécifications html5 ne sont toujours pas arrêtées et je voulais quand même y toucher « pour voir ». Malheureusement « coder pour coder », ce n’est pas mon dada. J’avais envie de raconter une histoire et de me servir des nouveaux éléments pour leur apport sémantique dans un contexte appliqué.

Récemment nous avons déménagé au 2è étage du 24 bis Rue Maréchal Joffre. C’est une nouvelle expérience pour toute l’agence. La bonne aubaine : ma première page HTML5 est donc un article qui raconte en quelques paragraphes les bienfaits de notre déménagement sur notre cadre de travail.

J’ai découvert des choses vraiment intéressantes en codant cette page. Le HTML5 me semble être un grand pas en avant vers un langage très adapté au web d’aujourd’hui d’un point de vue sémantique. J’espère que le HTML5 règlera certaines maladies des intégrateurs, notamment la divite ou la spanite aigüe, étant donnée la quantité d’éléments bientôt à notre disposition. D’ailleurs je vous laisse découvrir cela dans la source de l’article.

Notez que j’ai aussi utilisé Cùfon, un moteur de remplacement de texte en son équivalent image (futé pour se permettre certaines fontes non-standards dans une page web). Nous l’utiliserons probablement dans le catalogue produit de l’un de nos clients, qui devra être traduit dans plus de 5 langues (cela nous évitera de refaire toutes les images).

Lire l’article : Notre ascension au second étage

Pour les commentaires, je vous invite à les déposer en bas de l’article lié.

Gmail rend le désabonnement plus simple

Par le
No Gravatar

Hier nous lancions notre nouveau service d’abonnement à la Newsletter Lunaweb, et aujourd’hui nous apprenons de source officielle que Google a mis en ligne une nouvelle fonctionnalité dans son webmail : un bouton « Se désinscrire et signaler comme spam » pour se désinscrire facilement des newsletters que vous recevez régulièrement.

La fonctionnalité (aussi présente sur Live! Mail depuis la fin-2007)  n’est pour le moment supportée qu’en anglais, comme visible ci-dessous :

Désinscription spam gmail

Lire le reste de cet article »

10 raisons expliquant pourquoi les clients n’ont que faire de l’accessibilité Web

Par le
No Gravatar

L’accessibilité WebMême si les choses ont un peu évolué depuis la parution de cet article de Christian Heilmann (merci Pompage.net pour la traduction), ce dernier vous permettra sans aucun doute de mieux comprendre pourquoi de nombreux clients sont encore peu sensibles à l’accessibilité et vous donnera peut-être quelques idées pour essayer de les faire changer d’avis.

Comme le dit son auteur :

Il est actuellement très frustrant d’être consultant en accessibilité dans une entreprise spécialisée dans les technologies de l’information. Les procès fortement médiatisés et les mythes profondément enracinés sur l’accessibilité ne nous rendent pas service lorsque le produit final n’aide pas vraiment les visiteurs. Nos clients ne s’inquiètent pas autant de l’accessibilité que nous le voudrions et il y a plusieurs raisons à cela.

Lire le reste de cet article »

Internet Explorer 8 utilisera une balise META pour respecter les standards

Par le
No Gravatar

internet explorerInternet Explorer, connu des webmaster pour sa fâcheuse habitude à ne pas respecter les standards du Web, va utiliser une balise META (inscrite dans l’entête des pages Web) pour se référencer aux normes du W3C.

Cette caractéristique permettra, selon Microsoft qui s’en explique sur son blog MSDN, de conserver les artifices utilisés par les webmaster pour rendre leurs sites correctement interprétables par les versions antérieures de leurs navigateur (Internet Explorer dans sa livrée 7, 6, 5…) lorsque l’on tentait de coder un site correctement par l’usage de xHTML strict et de CSS 2.1 ; et donc de ne pas « casser » le rendu des anciens sites (ceux faits pour IE 6 et 7 notamment, avec des patchs spéciaux pour corriger le mauvais rendu du CSS) dans le nouveau navigateur.

C’est ma foi une relative bonne nouvelle dans la mesure où IE8, qui passe le test ACID2 (le test Acid2 vise à tester la qualité de la mise en œuvre d’un choix de fonctionnalités liées à différents standards du web dans un navigateur, dixit Wikipedia), se plie enfin aux bonnes règles du W3C et pourra afficher un rendu correct de sites conçus selon des règles communes à tous les navigateurs.

Petit accroc dans le tableau, la balise lui permettant de suivre ces principes est la suivante :

META HTTP-EQUIV="X-BALL-CHAIN"

Comme un fait exprès, cette balise est spécifique à IE8, et donc non standard au sens strict du terme, c’est à dire qu’elle fera échouer la certification aux tests de validité du W3C…

Il est dommage de constater (mais que peut-on espérer de plus avec Microsoft) l’usage d’une balise propriétaire pour valider le fait d’utiliser les standards, c’est véritablement prendre le problème à l’envers que de forcer à utiliser un élément étranger aux normes pour valider au navigateur l’usage de celles-ci.

Enfin, si déjà IE8 suit à la lettre le reste des instructions xHTML et CSS, ce sera beaucoup de temps de développement de gagné, en attendant que tout le monde switche à Firefox Internet Explorer 8.

[Mise à jour] C’est pas moi qui le dit, c’est Jeremy Keith dans le A List Apart du 15/02/08 :

Version targeting will allow Microsoft to reach new heights of standards compliance where CSS and (especially) scripting are concerned. But to benefit from it, developers must explicitly opt in. That’s just not right, says Jeremy Keith. And it’s doomed to fail, because standardistas, by their very nature, will refuse to opt in.

Et, toujours dans ALA, par Jeffrey Zeldman lui-même :

Version targeting shakes our browser-agnostic faith. Its default behavior runs counter to our expectations, and seems wrong. Yet to offer true DOM support without bringing JScript-authored sites to their knees, version targeting must work the way Microsoft proposes.

» Lire l’article They Shoot Browsers, Don’t They? etVersion Targeting: Threat or Menace?

Améliorer l’accessibilité Web par la typographie

Par le
No Gravatar

Améliorer l'accessibilité Web par la typographieExcellent article de Joe Dolson et relayé par Pompage.net pour sa version anglaise. Il aborde le thème de l’accessibilité du contenu d’un site Web vu par le prisme de la typographie.

On balaie la taille des polices, l’interlignage, le choix des typo, l’alignement des paragraphes d’un texte ainsi que l’espacement des lettres. L’accès universel et aisé à un texte est en effet d’abord conditionné par la lisibilité d’un texte, il faut donc avant toute chose soigner en particulier la perception de votre contenu auprès d’un public de lecteurs qui ne sont pas tous à 10/10 d’acuité visuelle, ni équipé des meilleurs écrans du marché…

Je laisse la parole à l’auteur pour la conclusion :

Les éléments à prendre en compte dans la typographie pour Internet sont les mêmes que pour les autres médias, c’est la manière d’utiliser les ressources qui change, afin de s’adapter aux visiteurs. L’absence de contrôle sur de nombreux éléments oblige les webdesigners à réfléchir à d’autres façons d’optimiser les moyens à leur disposition. Il ne suffit pas de s’en tenir à un modèle spécifique, il existe trop d’impondérables. Il vaut mieux au contraire savoir dans quelle mesure les préférences de l’utilisateur peuvent avoir un impact sur vos choix typographiques et éviter les situations risquant de rendre le texte illisible.

» lire l’article Améliorer l’accessibilité Web par la typographie

Coder pour le web, Guide du designer de sites Web dynamiques

Par le
No Gravatar

Livre Coder pour le WebAutre livre à méditer pendant les périodes plus calmes de la fin d’année,
Coder pour le web est un ouvrage sacrément bien conçu abordant la problématique épineuse de la conception selon les standards du web de gros sites dynamiques, car s’il est facile de concevoir un site portfolio répondant aux exigences les plus pointues des standards d’accessibilité et de validité du code xHTML/CSS ; il est en revanche beaucoup plus compliqué d’observer la même rigueur avec des sites manipulant beaucoup plus de variables et de données.

Vous apprendrez notamment comment :

  • créer des sites Web dynamiques proposant des réponses en temps réel aux entrées des utilisateurs,
  • tirer parti de la puissance du PHP pour développer les règles métier de votre site,
  • faire valider des formulaires afin de rejeter les données erronées ou malveillantes,
  • importer et exporter des données depuis d’autres applications à l’aide de fichiers plats,
  • construire des tables de base de données et les interroger avec des requêtes SQL afin de gérer les données générées par l’activité de votre site,
  • développer un système de gestion de contenu simple,
  • développer une zone de votre site Web réservée aux membres munis d’un mot de passe,
  • construire un site Web par modèles avec un système de navigation dynamique.

» En savoir plus sur le livre Coder pour le web

↑ Haut de page