Portail de l'accessibilité par Google. Un pas dans la bonne direction.

8% des hommes ont une vision déficiente des couleurs.

Que faire pour en tenir compte sur un site web ?

Des principes d'ergonomies pour faire une des sites web efficaces !

Du meilleur emplacement pour placer un bouton sur une page de manière à ce qu'il soit cliqué...

Une barre pour tester l'accessibilité d'un site avec FireFox

Dans la mesure du possible, évitez la page tunnel :

Une page tunnel ( ou « splash page » ) est une page n’ayant que peu d’utilité, excepté celui de faire une démonstration artistique généralement inutile. J’admets qu’il est parfois (souvent) difficile de le faire admettre à un client, car cette jolie animation flash de 20 secondes sur le site du concurrent, il la veut en mieux (encore plus longue).

La charte ergonomique des sites internet publics a pour objet de définir un ensemble de règles ergonomiques communes aux interfaces des sites Internet publics. Elle s’inscrit dans le respect des standards du Word Wide Web Consortium (W3C) et des principes des référentiels généraux d’interopérabilité (RGI), d’accessibilité (RGAA) et de sécurité (RGS).
Le respect des principes édictés par la charte ergonomique permettra ainsi de garantir :

* un niveau minimum de confort d'utilisation et d'accessibilité, quel que soit l’émetteur du site ;
* l’homogénéité des codes visuels courants et des principes de navigation sur les sites publics ;
* l’amélioration des processus de conception et d’alimentation en contenu de ces sites par l’administration.

De très bonnes pratiques pour améliorer ler design et l'ergonomie d'un site.

Un site destiné à rassembler les bonnes pratiques en matière de design d'interfaces de sites sociaux.

Pour tester automatiquement les contrastes de couleur d'une page.

On peut faire des trucs de ouf avec les CSS pour styler un formulaire de saisie !

Un plugin de jQuery pour saisir une heure en un seul clic. Très intuitif !

Vous concevez un formulaire pour un site Internet et vous voulez faciliter son remplissage par les utilisateurs. Vous avez alors 5 éléments HTML de formulaire à votre disposition : les listes déroulantes, boutons radio, cases à cocher, champs texte et hyperliens. Lequel est le plus utilisable ?

Nous présentons ici un processus en quatre étapes pour vous aider à choisir vos éléments de formulaire.

Comment évaluer la qualité Web ?
Comment se former ?
Comment l'améliorer ?
Comment m'orienter ?

Conclusion :

* Position des libellés : placer les libellés au dessus des champs est la présentation la plus efficace dans la plupart des cas car les utilisateurs ne sont pas obligés de regarder séparément le libellé et le champs de saisie. Il faut toute fois faire attention à bien séparer visuellement le libellé et le champ

Où l'on enfonce une porte ouverte, mais ça fait du bien de le dire : un site web beau, mais pas efficace (ou l'inverse) n'est pas un bon site web.

Voilà pourquoi le libre est supérieur au modèle fermé : gérer l'enregistrement d'un logiciel payant est trop chronophage !

8 écueils à éviter dans la conception d'un site web ayant un formulaire d'inscription.

Parler de « lecteur » de site Internet et non pas de « visiteur » ou d’« internaute ».

Une floppée d'exemples de pagination sur le web. Objectif : ergonomie !