Un billet de la rubrique « Accessibilité Web » de mon ancien blog
Parmi les points à contrôler pour vérifier l'accessibilité d'un site web, le point 2.2 des WCAG 1.0 indique : s'assurer que la combinaison de couleurs entre le premier plan et l'arrière-plan utilise suffisamment de contraste lorsqu'elle est utilisée par des personnes souffrant d'un déficit de perception des couleurs ou sur un écran noir et blanc.
Dans le document Techniques For Accessibility Evaluation And Repair Tools, le W3C livre une formule pour tester le niveau de visibilité d'une combinaison de deux couleurs. Cette formule est basée sur la différence de teinte et de luminosité entre les deux couleurs testées.
Le canadien Jonathan Snook propose depuis deux jours un outil de vérification du contraste entre deux couleurs (premier plan et arrière-plan) que je trouve extrêmement pratique. Réalisé à l'aide de JavaScript et reposant sur la formule mentionnée supra, il suffit de soumettre deux couleurs à cet outil pour savoir si leur contraste est suffisant ou non.
Jonathan Snook nous informe également de l'existence de travaux de recherche menés par l'université de Toronto visant entre autres choses à étudier l'efficacité de la méthode utilisée.
Analyser le contraste entre deux couleurs
La formule de référence est celle du document "Techniques For Accessibility Evaluation And Repair Tools", comme pour l'outil de vérification du contraste développé par Jonathan Snook.
Publié le 13 janvier 2005
dans Alternatives Électroniques, mon ancien blog.
L'agenda de l'ergonome comme les rubriques L'ergonomie et moi et Réflexions sur l'ergonomie sont plus révélateurs de mes intérêts actuels. Voici les derniers billets que j'y ai publiés :
ou
Commentaires
Utile aussi ce favelet pour IE :
javascript:document.body.style.filter='gray';void(0);
Il suffit de créer un raccouri dans ses favoris en mettant le code au dessus dans l'url. En cliquant sur le favoris, la page s'affiche en niveau de gris !
Bonjour Sébastien et bienvenue sur Alternatives Électroniques !
Je connaissais le principe dont tu parles car c'est une des fonctionnalités qu'offre la barre d'outils Accessibilité du Web.
Ceci étant, l'outil créé par Jonathan Snook est supérieur sur deux points au moins :
Voilà...
Merci Francois :) Cette barre d'outil est pourtant seulement pour IE il semble non? ou ai-je mal vu?
Quant au niveau de gris j'imagine qu'il s'agit d'une désaturation donc les luminosités doivent être préservée? Tiens je devrai faire un test avec des copies d'ecran pour mesurer les différences de valeurs rvb dans photoshop :)
Oui, cette barre d'outil est bien pour IE seulement pour l'instant... Tu as bien vu ;-)
On obtient bien les mêmes résultats avec Gray Scale + Photoshop qu'avec l'outil de Jonathan Snook. J'ai testé pour en avoir le cœur net :-) Mais c'est tout de même plus fastidieux...