eclaireur.net

WebDesign & Entrepreneur 2.0

"Si l'on bâtissait la maison du bonheur, la plus grande pièce en serait la salle d'attente." - Jules Renard

le 16.09.2007 à 23:48

Ajouter un commentaire

Tester la couleur de votre site pour améliorer son accessibilité

La création d’une charte graphique nécessite de bien choisir les couleurs afin que le texte reste toujours lisible. Ce travail permet également de mieux faire face aux inégalités liées à certaines déficiences visuelles comme le daltonisme. Voici quelques sites qui vont vous permettre de tester différentes couleurs ou bien votre site directement.

Cet article « les 10 outils pour tester le contraste » propose une liste de 10 sites/logiciels pour analyser les couleurs et le contraste des sites internet. Voici une sélection de quelques-uns:

  • Colour Contrast Check: Un outil en ligne intuitif pour vérifier les couleurs de premier plan et de fond en entrant des valeurs hexadécimales.
  • Extension Firefox Colour Contrast Analyser: Pour éviter d’avoir à entrer les codes couleurs, cette extension teste la différence de contraste entre le premier plan et les couleurs de fond. Cet outil ne fonctionne pas avec les images mais permet de mettre en évidence des zones à problème dans une charte graphique.
  • CSS Analyser: cet outil permet de valider et d’analyser le contraste de couleur d’un fichier CSS.
  • Graybit: Un outil en ligne qui permet de rendre une page HTML en Noir & Blanc. Les nuances de gris rendent la perception de la page différente et souligne les éventuels problèmes de contraste.
Si vous avez trouvé cet article intéressant, abonnez-vous gratuitement au flux RSS d'eclaireur ou bien par email.
 

Auteur

David Marchesson est freelance développeur web & webdesigner. Il va bientôt se lancer dans l'univers des entrepreneurs Web. Il adore le net, les bonnes idées et parler de lui à la 3eme personne. Ce site sera sa balise dans cette vie digitale.

Suivez ce blog

Si ce blog vous plait, abonnez-vous. Ce flux RSS permet de recevoir en utilisant un lecteur les dernières nouvelles de ce site.

Recevez les billets par email

Vos réactions

  • cyril: hey, je vois que tu l’as bien sorti cet article finalement :)
  • Franck Quintana: Sur le fond, très bonne nouvelle ! D’autres villes feraient bien de s’en inspirer.
  • Franck Quintana: « connection & raquo; s’écrit « connexion &r aquo; en...
  • Maunel: Interessant, j’avais un peu de mal avec la notion de framework css mais après avoir jeté un oeil ça...
  • pako69: Bonjour, Merci pour cette astuce, en revanche depuis les mises à jour récentes de Mail, le chemin...
  • Jean Louis DARRIÈRE: Bonsoir. J’ai particulièrement aimé votre démonstration mais je dois faire une erreur...

Partenaires

Dropbox, 2go d'espace de stockage gratuitDeveloppeur Freelance web developpement webdesigner

Activité

1 commentaire, laissez un message. Utilisez ce lien pour faire un trackback sur ce billet :
http://www.eclaireur.net/technique/tester-la-couleur-de-votre-site-pour-ameliorer-son-accessibilite/trackback/
    1. TrackBack #1
      16 septembre 2007
      1

      [...] à la lisibilité du site ainsi qu’au message que l’on veut délivrer. L’article Tester la couleur de votre site pour améliorer son accessibilité propose quelques outils pour faire les bons [...]

      lien : Quelques reflexions sur l’ergonomie d’un site web

    Ajouter un commentaire

    N'hésitez pas à discuter de votre point de vue. Les informations obligatoires sont indiquées par une *.

    HTML accepté :
    <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

    Fermer
    E-mail It

    Haut de page