Si vous choisissez une couleur, choisissez les toutes

2005-04-25 : Cette page est la traduction française par Patrick Blanchenay du document intitulé If You Pick One Color, Pick Them All disponible à l'adresse : http://www.w3.org/QA/Tips/color. Même si le document original n'a pas valeur normative, il reste la seule référence, notamment parce qu'il est susceptible d'évoluer. Par ailleurs, des erreurs de traduction ont pu survenir.

Si vous choisissez une couleur, choisissez les toutes

Un nombre surprenant de sites Web ont choisi des couleurs pour le texte du corps de la page, pour les en-têtes et toutes sortes de liens ; et pourtant ils oublient la couleur de fond. Vos visiteurs peuvent avoir configuré n'importe quelle couleur dans leurs préférences ; ils risquent ainsi de désagréables expériences :

La solution à ce problème est simple : Si vous choisissez une couleur, vous devez toutes les choisir.

Bonnes pratiques

Oubliez <font>, utilisez les CSS

Pour configurer les couleurs sur une page Web de manière correcte et moderne, il faut utiliser les feuilles de styles (Cascading Style Sheets). C'est fortement conseillé, plutôt que d'utiliser les attributs des éléments <body> et <font> en HTML, parce que le CSS est plus flexible, plus facile à maintenir et il permet d'économiser de la bande passante. Utilisez les propriétés CSS color et background-color (ou son raccourci background).

Exemple

Voici comment spécifier les couleurs de fond, de police et des liens sur une simple page en noir & blanc :

html, body {
 background: #fff;
color: #000;
}

a:link {
background: #fff;
color: #037;
}

a:visited {
background: #fff;
color: #636;
}

En savoir plus

Vous trouverez dans ces liens des conseils différents des nôtres.


XHTML 1.0 valide !
Date de création : 2003-07-30 par Olivier Thereaux et Susan Lesch
Dernière modification $Date: 2004/06/09 13:03:58 $ par $Author: dom $

Droit de copie ©2000-2003 W3C ® (MIT, ERCIM, Keio), Tous droits réservés. Les règles de responsabilité, de marque déposée, d'utilisation du document et de licence sur les logiciels du W3C s'appliquent. Votre interaction avec ce site est en accord avec notre politique sur la vie privée, pour le public et pour les membres.