Articles

Validation avancée des formulaires par Harmen Christophe, le 17/09/2008 pour Expert, Gourou, DOM, Pages dynamiques, Accessibilité.

La simple mise en place de formulaires sur un site peut devenir une opération assez complexe dès lors que l’on souhaite effectuer des contrôles sur les données saisies par les utilisateurs. Pour effectuer ce type de contrôles, deux possibilités nous sont offertes :

  • Vérifier les données côté serveur après validation du formulaire ;
  • Vérifier les données côté client avant transmission des données au serveur.

Dans cet article, nous allons montrer l’intérêt que peut apporter le Modèle Objet de Document (DOM) pour effectuer des contrôles côté client. Cette deuxième solution ne devra toutefois pas nous faire oublier la nécessité absolue d’effectuer dans le même temps des contrôles côté serveur. Ces derniers permettront d’une part d’éviter la soumission complète des données dans un format invalide, et d’autre part nous permettront d’assurer l’accessibilité de nos formulaires aux utilisateurs n’ayant pas la possibilité ou ayant fait le choix de ne pas activer Javascript sur leur poste de travail.

Si la solution proposée ici est un plus par rapport aux indispensables contrôles côté serveur, elle ne manque pas d’intérêt : elle permet d’éviter des échanges de données fastidieux avec le serveur, d’accélérer la validation des formulaires, et également d’enrichir et de faciliter la saisie pour les utilisateurs.

Mais avant de commencer, que devons nous savoir :

Interview de Daniel Glazman (chairman CSS working group W3C) par Elie Sloïm, le 23/06/2008 pour Expert, CSS.

Daniel Glazman est impliqué depuis 1991 dans le monde des standards et depuis 1994 dans celui du Web. Il a participé au HTML Working Group pour la standardisation de HTML 4 et au CSS Working Group pour CSS 2 et CSS 3. Sa société Disruptive Innovations est membre du World Wide Web Consortium (W3C) depuis 2006. Il est depuis peu co-chairman du CSS Working Group au W3C. Son rôle au W3C, ses compétences techniques hors-pair et son inaptitude totale à la pratique de la langue de bois nous ont donné envie de lui poser quelques questions sur l’avenir des feuilles de style. Interview.

Respecter la sémantique XHTML par Laurent Jouanneau, le 14/05/2008 pour Débutant, Expert, (X)HTML, Structure.

Pourquoi et comment utiliser les balises (X)HTML à bon escient.

Compatibilité multi-navigateurs des polices de caractères par Aurélien Levy, le 09/03/2008 pour Débutant, Expert, CSS, Mise en page.

Quelles sont les unités et les valeurs à utiliser pour dimensionner la taille des caractères de façon homogène sur le plus grand nombre possible de navigateurs Web ? Aurélien Levy a mené une campagne de tests pour donner une réponse à ce problème récurrent pour les développeurs de sites web.

Les nouveaux défis de l’accessibilité numérique : 1- la vision actuelle par Elie Sloïm, le 14/02/2008 pour Décideur, Expert, Accessibilité.

L’accessibilité de contenus et de services web peut-elle se réduire à l’atteinte de niveaux prédéfinis et réglementés ? Répondre « oui » d’emblée serait réducteur et contre-productif, et c’est pourtant ce qui a été fait jusqu’à présent. Ce premier article va montrer que la problématique est bien plus complexe qu’il n’y paraît.

Les nouveaux défis de l’accessibilité numérique : 2- une autre vision de la démarche par Elie Sloïm, le 12/02/2008 pour Décideur, Expert, Accessibilité.

Le premier article sur la démarche d’accessibilité a montré qu’une approche exclusivement centrée sur des résultats ponctuels et quantifiés était limitée et insuffisante. Mais quels sont les moyens d’anticiper et de maîtriser les risques de façon continue ? Quels sont les outils ? Quelles sont les perspectives ? Ce second article décline quelques élements de réflexion et de réponse.

Agences et Standards Web - 5. L’avenir des standards par Aurélien Levy, Harmen Christophe, Tristan Nitot, le 09/03/2006 pour Décideur, Expert, Études de cas.

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de 18 questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Agences et Standards Web - 4. Communiquer sur les standards par Aurélien Levy, Harmen Christophe, Tristan Nitot, le 09/03/2006 pour Décideur, Expert, Études de cas.

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de 18 questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Agences et Standards Web - 3. Utiliser les standards par Aurélien Levy, Harmen Christophe, Tristan Nitot, le 09/03/2006 pour Décideur, Expert, Études de cas.

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de 18 questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Agences et Standards Web - 2. Migrer vers les standards par Aurélien Levy, Harmen Christophe, Tristan Nitot, le 09/03/2006 pour Décideur, Expert, Études de cas.

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de 18 questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Agences et Standards Web - 1. Présentation des interviewés par Aurélien Levy, Harmen Christophe, Tristan Nitot, le 09/03/2006 pour Décideur, Expert, Études de cas.

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Conformité, validation et surqualité par Elie Sloïm, le 09/03/2006 pour Décideur, Expert, (X)HTML, Études de cas.

Est-il possible et souhaitable pour un site de grande importance ou qui recueille des contenus de la part de ses utilisateurs, voire d’un certain nombre de contributeurs d’atteindre et de conserver durablement la conformité absolue de toutes ses pages aux standards ? Existe t-il des cas où la recherche de la conformité à tous prix peut nuire à la qualité du site ?

Pourquoi l’accessibilité numérique ? par Elie Sloïm, Laurent Denis, le 25/07/2005 pour Débutant, Décideur, Expert, Accessibilité.

A l’heure où certains pays se dotent d’une législation nationale sur l’accessibilité numérique, ce document rappelle les enjeux internationaux de l’accessibilité, et l’ensemble de ses bénéfices sociaux, financiers, techniques et managériaux.

Interview de Pierre Guillou, responsable de la cellule accessibilité de l’association Braillenet par Elie Sloïm, Laurent Denis, le 11/07/2005 pour Décideur, Expert, Accessibilité.

En nous présentant les différentes actions de la cellule accessibilité de BrailleNet, Pierre Guillou fait pour nous le point sur les problématiques d’accessibilité du Web.

Mieux travailler ensemble grâce à l’accessibilité : 1. Qui pilote les projets Internet ? par Elie Sloïm, le 23/06/2005 pour Décideur, Expert, Accessibilité.

Au sein des PMI ou des grands comptes, on voit fréquement des projets Internet ou intranet souffrir des effets pervers d’un double pilotage par les directions informatiques (DSI) et les directions communication.

Mieux travailler ensemble grâce à l’accessibilité : 2. L’accessibilité et les standards pour désamorcer les sources de conflits par Elie Sloïm, le 23/06/2005 pour Décideur, Expert.

Dans la première partie de cet article, nous avons vu qu’il était quelquefois difficile de faire travailler ensemble des directions ou des personnes issues de cultures différentes. Dans cette dexième partie, nous allons voir comment l’accessibilité peut mettre tout le monde d’accord et limiter les sources de conflit.

Interview d’Olivier Roumieux, administrateur des sites de la Documentation française par Elie Sloïm, Laurent Denis, le 23/06/2005 pour Décideur, Expert, Études de cas.

"Aujourd’hui, l’objectif est d’écrire du code lisible par tout dispositif de lecture ayant accès aux référentiels (langue, langages, caractères...) tels qu’ils sont précisés dans chacune des pages. On change la donne, et on revient à des enjeux foncièrement documentaires."

Cascade CSS et priorité des sélecteurs par Laurent Denis, le 21/04/2005 pour Débutant, Expert, CSS, Mise en page.

CSS signifie « feuilles de styles en cascade »... Mais au fait, la cascade, qu’est-ce que c’est, à quoi ça sert, comment cela fonctionne ? Plongez avec nous dans la cascade sans risque de noyade !

L’objet XMLHttpRequest par Maurice Svay, le 21/04/2005 pour Expert, Gourou, DOM, Pages dynamiques.

De nouvelles applications web ont vu le jour récemment : recherche avec complétion automatique, sauvegarde instantanée d’informations, interface mail hyperdynamique, cartographie, etc. mais aucune ne fait appel à des plugins tiers comme Flash ou Java. On parle alors souvent de méthode AJAX qui s’articule essentiellement autour de Javascript et d’un objet (dans le sens de la programmation orientée objets) en particulier : XMLHttpRequest.

Utilisation de background par Pascale Lambert Charreteur, le 21/03/2005 pour Débutant, CSS, Mise en page.

Comment utiliser la propriété CSS background pour gérer des images d’arrière-plan ?

Styles auteur, utilisateur et agent utilisateur : 3 raisons de lâcher prise sur votre design par Laurent Denis, le 21/03/2005 pour Débutant, Expert, CSS, Mise en page.

Le rendu final d’une page Web n’est pas le produit figé des règles de présentation fixée par son auteur : il résulte de la combinaison des 3 sources de styles de l’auteur, de l’agent utilisateur et de l’utilisateur lui-même.

ECMAScript et (X)HTML par Steve Frécinaux, le 21/03/2005 pour Débutant, Expert, DOM, Pages dynamiques.

Comment insérer un script ECMAScript dans un fichier HTML.

Avoir plusieurs présentations alternatives pour votre site par Nicolas Hoffmann, le 11/03/2005 pour Débutant, Expert, (X)HTML, CSS, Mise en page.

Les styles alternatifs : leur utilité, leurs avantages, et la mise en place d’une structure unique permettant leur implémentation.

Spécifier la langue d’un document (X)HTML par Elie Sloïm, Laurent Denis, le 10/02/2005 pour Débutant, Expert, Gourou, (X)HTML.

Entre les attributs HTML, les éléments meta et les en-têtes HTTP, les moyens de spécifier la ou les langue(s) d’une page Web ne manquent pas. Mais la pratique montre l’existence de deux besoins bien différents en la matière : il importe de différencier langue primaire d’une ressource Web et langue de traitement d’un contenu, et d’utiliser à bon escient les outils à notre disposition pour les indiquer.

Indiquer la fréquence de mise à jour d’un fil de syndication au format RSS par Fabrice Bonny, le 10/01/2005 pour Débutant, Expert, Gourou, RSS.

Les fils de syndication, et particulièrement ceux au format RSS, connaissent un succès chaque jour croissant. Mais on voit en parallèle s’accroître la consommation de bande passante et de temps serveur. Comment faire pour ne pas effectuer de multiples requêtes inutiles sur des informations actualisées tout au plus quotidiennement ?

Construction d’un fil RSS 1.0 par François Hodierne, le 14/10/2004 pour Débutant, Expert, RSS.

Pas à pas, comment construire un fil RSS au format RDF Site Summary 1.0.

Introduction à la syndication de contenu avec RSS par François Hodierne, le 14/10/2004 pour Débutant, RSS.

Qu’est-ce que la syndication de contenu ? Qu’est-ce qu’un fil RSS ?

FAQ Décideurs par Elie Sloïm, le 01/09/2004 pour Décideur.

Les standards Web sont une avancée majeure, mais ils ne sont pas magiques. En tant que décideur, ce choix peut vous tenter, mais vous devez connaître les risques et avantages d’une migration vers les standards pour décider en conscience. Cet article répond à certaines questions que vous êtes en droit de vous poser.

Commentez le document de travail W3CXHTML 2.0 par Laurent Denis, le 21/08/2004 pour Expert, Gourou, (X)HTML.

Participez à la relecture francophone du projet de la spécification XHTML 2.0 du W3C.

Introduction aux jeux de caractères par Steve Frécinaux, le 12/07/2004 pour Débutant, Expert, (X)HTML.

Qu’est-ce qu’un jeu de caractères ? Quelle est la différence entre ISO-8859-1, UTF-8 et Windows-1252 ? Steve Frécinaux nous présente les différents jeux de caractères.

Zoom d’images avec les CSS par Pascale Lambert Charreteur, le 01/06/2004 pour Débutant, CSS, Mise en page, Multimédia.

Parmi les multiples techniques permettant de zoomer une image à l’écran, voici celle qui, uniquement à l’aide de CSS2, permet un zoom au survol d’une image avec la souris.

Accesskey, l’essai non transformé de l’accessibilité par Laurent Denis, le 01/05/2004 pour Débutant, Expert, Accessibilité.

Les touches d’accès clavier sont a priori un mécanisme d’accessibilité très séduisant par sa simplicité de mise en oeuvre. Mais les nombreux obstacles rencontrés du fait d’une implémentation inachevée en limitent considérablement la portée. Seules une poignée de touches numériques s’avèrent finalement pertinentes, et ce uniquement en renfort d’autres mesures d’accessibilité plus éprouvées.

Des puces en images par Pascale Lambert Charreteur, le 01/05/2004 pour Débutant, CSS, Mise en page.

Afin de rendre plus attrayante une liste à puces, l’utilisation des CSS permet de remplacer les traditionnelles puces par des images, de façon extrêmement simple.

Le PNG face au GIF par Fabrice Bonny, le 21/03/2004 pour Débutant, Expert, PNG, Multimédia.

Qui est donc ce remplaçant du GIF, datant de 1996 et méconnu de la plupart des graphistes, amateurs comme professionnels ?

Passer aux feuilles de style par Laurent Denis, le 27/01/2004 pour Débutant, Expert, CSS, Mise en page.

Vous utilisiez les balises HTML de présentation ? Pour tirer parti des avantages offerts par les standards, découvrez le vocabulaire élémentaire des feuilles de style.

Les bénéfices des standards par un graphiste Web par Marc-Aurèle Darche, le 15/01/2004 pour Décideur, Expert, (X)HTML, CSS.

Ned Baldessin, professionnel du Web, nous présente le point de vue des graphistes sur les différentes technologies qui forment les standards de l’Internet.

Bien valider ses formulaires avec Javascript par Laurent Jouanneau, le 17/12/2003 pour Débutant, Expert, DOM, Pages dynamiques, Accessibilité.

En fouinant sur le web, on peut découvrir plusieurs pratiques pour appeler des scripts en Javascript qui vérifient le contenu d’un formulaire. Mais elles sont, hélas, rarement correctes dans le sens où beaucoup d’entre elles réduisent l’accessibilité et l’ergonomie des formulaires, voire sont inefficaces. Cet article vous propose de passer en revue ce qu’il faut faire et ne pas faire en la matière.

Utilisation des formulaires par Éric Daspet, le 17/12/2003 pour Débutant, Expert, (X)HTML, Accessibilité.

Les formulaires sont souvent utilisés mais parfois de manière peu souhaitable ou peu accessible. Cet article est là pour faire un tour d’horizon des possibilités et des bonnes habitudes. Il peut être autant utile au débutant cherchant à comprendre les formulaires qu’au confirmé cherchant quelques notions d’accessibilité.

Vers la maturité du Web par Alain Oguse, le 04/12/2003 pour Débutant, Décideur, Expert.

Depuis son invention par Tim Berners-Lee en 1989, le web est passé par nombreuses phases d’évolution. Celles-ci l’ont rendu de plus en plus complexe au point d’en perdre son objectif premier : la simplicité et le partage avec tous. Heureusement, le W3C s’est mis au travail pour uniformiser les pratiques. Aujourd’hui, grâce aux standards que sont le XHTML et les CSS, on peut créér des sites liant esthétisme, interopérabilité et accessibilité.

Les navigateurs alternatifs par Laurent Denis, Tristan Nitot, le 24/11/2003 pour Débutant, Décideur, Expert, Gourou, Navigateurs.

Les navigateurs modernes respectueux des standards du Web sont de plus en plus utilisés par les internautes, qui apprécient leur rapidité, des fonctionnalités supplémentaires par rapport à Internet Explorer pour Windows, dont la navigation par onglets, le blocage des pop-ups et une sécurité renforcée, entre autres.

Les standards Web pour l’entreprise par François Nonnenmacher, le 06/11/2003 pour Décideur, Structure.

Les standards du Web apportent aussi leur lot d’avantages aux sites d’entreprise, Internet, intranet et extranet. Voyons comment les décideurs marketing, communication et informatique pourront tirer parti de l’utilisation des standards au sein de leur entreprise.

Habillage de tableaux avec des CSS par Pascale Lambert Charreteur, le 24/10/2003 pour Débutant, Expert, CSS, Mise en page.

Faire des tableaux de données accessibles et respectant les standards avec les CSS

Les problèmes de la mise en page par tableaux par Mathieu Pillard, le 24/10/2003 pour Débutant, Expert, (X)HTML, Mise en page.

Pourquoi éviter les tableaux pour faire de la mise en page.

Introduction à l’accessibilité par Tristan Nitot, le 02/06/2003 pour Débutant, Expert, Accessibilité.

Pour mieux comprendre l’accessibilité, faisons un tour d’horizon des handicaps et des technologies permettant de les contourner, et comment le W3C s’attelle à faire du Web un endroit accessible à tous.

Pour en finir avec les cadres par Denis Boudreau, le 02/06/2003 pour Débutant, Expert, (X)HTML, Structure.

Quelques raisons pour lesquelles les cadres devraient être évacués de tout bonne pratique Web.

Métadonnées et Dublin Core par Christophe Jacquet, le 02/06/2003 pour Expert, (X)HTML, Structure.

Les métadonnées du Dublin Core permettent de donner des informations à propos de pages Web. Dans cet article, nous voyons la forme de ces descriptions, ainsi que la façon de les intégrer dans des pages Web.

Créer des pop-up intelligentes par Fabrice Bonny, le 12/05/2003 pour Débutant, Expert, Pages dynamiques, Accessibilité.

Comment ouvrir une nouvelle fenêtre sans se priver des internautes qui ne disposent pas de JavaScript ou l’ont désactivé ?

Faire un menu dynamique ouvert et accessible par Fabrice Bonny, le 12/05/2003 pour Débutant, Expert, Pages dynamiques, Accessibilité.

Réalisons un menu déroulant qui soit à la fois portable, utilisable sans JavaScript et accessible aux personnes handicapées.

Des images accessibles par Laurent Denis, le 28/04/2003 pour Débutant, Expert, Accessibilité.

Les images constituent le premier obstacle majeur à l’accessibilité des pages Web. Voici quand et comment en donner un équivalent sous forme de texte.

Bouton CSS par Pascale Lambert Charreteur, le 21/04/2003 pour Débutant, CSS, Mise en page.

Pour créer un bouton changeant d’aspect au passage de la souris, on peut utiliser les styles légers et accessibles.

Utilisation des images dans les CSS par Sébastien Desvignes, le 21/04/2003 pour Expert, Gourou, CSS, Mise en page.

Comment utiliser une feuille de style pour insérer dans le contenu HTML des images décoratives.

Toi comprendre moi ? par Tristan Nitot, le 21/04/2003 pour Décideur, Expert, Gourou, (X)HTML, Structure.

Validation, Déclaration de Type de Document : la grammaire d’un langage Web universel.

Initiation au positionnement CSS : 3. position absolue et fixe par Laurent Denis, le 24/03/2003 pour Expert, CSS, Mise en page.

La position absolue et la position fixe permettent de placer une boîte par rapport aux limites de la zone d’affichage ou du conteneur. Comment les utiliser dans une mise en page CSS ?

Passer du HTML au XHTML par Denis Boudreau, Laurent Jouanneau, le 21/03/2003 pour Expert, (X)HTML.

Les règles à suivre pour passer de la syntaxe HTML à la norme XHTML.

Se mettre aux standards du web par Laurent Jouanneau, le 21/03/2003 pour Décideur, Expert, Études de cas.

Comment rendre un site existant conforme aux normes XHTML et CSS, en prenant une page non conforme, et en la transformant pour obtenir une page respectant les standards.

XHTML en une heure par Olivier Meunier, le 21/03/2003 pour Débutant, Expert, (X)HTML, Structure.

Une rapide introduction à XHTML, qui vous permettra de faire vos premières armes avec ce langage de description.

Codage valide des caractères Windows illégaux en HTML et XHTML par Laurent Denis, le 21/03/2003 pour Expert, (X)HTML.

Cette page présente les caractères codés de 128 à 159 - propres à Windows, mais invalides selon les spécifications HTML 4+ et XHTML, ainsi que leurs codes de substitution valides.

Introduction au langage ECMAScript par Florian Hatat, le 21/03/2003 pour Débutant, DOM, Pages dynamiques.

JavaScript est un langage de programmation utilisé principalement sur le Web, développé par Netscape et repris par Microsoft sous le nom de JScript. ECMAScript est une tentative de normalisation du noyau du langage : sa syntaxe, ses mots-clés et ses composants natifs.

Initiation au positionnement CSS : 1.flux et position relative par Laurent Denis, le 21/03/2003 pour Expert, CSS, Mise en page.

Par défaut, les navigateurs affichent les boîtes issues du document html dans l’ordre du flux normal. En position relative, un élément peut être décalé verticalement et/ou horizontalement.

Overflow avec fond fixe en CSS par Olivier Meunier, le 21/03/2003 pour Gourou, CSS, Mise en page.

Comment créer en CSS un overflow avec une image de fond fixée dans le bloc défilant ?

Initiation au centrage CSS par Laurent Denis, le 21/03/2003 pour Expert, CSS, Mise en page.

Les différentes méthodes de centrage d’un contenu HTML.

Initiation au positionnement CSS : 2.position float par Laurent Denis, le 21/03/2003 pour Expert, CSS, Mise en page.

La position float retire une boîte du flux normal pour la placer le plus à droite ou le plus gauche possible dans son conteneur. Comment l’utiliser dans une mise en page CSS ?

Pourquoi les standards du W3C ? par Denis Boudreau, Tristan Nitot, le 21/03/2003 pour Débutant, Décideur, Expert, Gourou.

Interopérabilité, accessibilité, portabilité, pérennité des documents, réduction des coûts... l’avenir du Web passe par les Standards.

Pourquoi plusieurs variantes de DTD en XHTML ? par Laurent Jouanneau, le 21/03/2003 pour Débutant, Expert, (X)HTML.

Les balises et attributs devenus obsolètes entre le HTML ou XHTML strict et transitional, et les moyens de les remplacer.

Page valide XHTML 1 Strict, CSS2 et accessible AA.
Ce site s'affiche mieux dans un navigateur conforme aux standards, voici pourquoi.
Site hébergé par l'APINC et propulsé par SPIP.