background preloader

Créer facilement une palette de couleurs accessibles

Créer facilement une palette de couleurs accessibles
L'accessibilité des couleurs et les contraintes liées au contraste ont souvent mauvaise presse auprès des designers. Certains craignent que les contraintes d’accessibilité des couleurs limitent leur palette et par la même occasion leur créativité. D’autres pensent (à tort) que l’accessibilité des couleurs n’est réservée qu’à une infime partie de la population atteinte de handicaps visuels comme le daltonisme, hors de la cible de leur site. Voici un petit tutoriel, pas à pas, pour créer une palette de couleurs accessible, sans avoir pour autant à brider sa créativité. Cet article est une traduction de mon article en anglais Tips to Create an Accessible and Contrasted Color Palette. Le contraste est une partie très importante dans le design d’un site web : il va aider vos utilisateurs à lire facilement le texte et à comprendre vos contenus. Outils pour mesurer le contraste Le contraste se mesure entre la couleur d’arrière-plan et la couleur de premier plan (souvent le texte). Conclusion

http://www.alsacreations.com/tuto/lire/1619-creer-facilement-une-palette-de-couleurs-accessibles.html

Related:  Accessibilité .... quoi d'autre est possible ?couleursCouleurscarineg

Signification des couleurs . Sur la demande de plusieurs clients et stagiaires, les consultants-rédacteurs de Trinity Advise se sont mobilisés pour vous proposer un dossier complet sur les codes couleurs web et la signification des couleurs pour Internet. Vecteurs de cohérence graphique, les couleurs dictent de nombreux comportements à l’inconscient de l’internaute. Elle génèrent des réactions et des émotions que nous ne savons pas concrètement évaluer et chiffrer en e-marketing, sauf avec les nouveaux outils de test d’ergonomie web (eye tracking, mouse tracking, neuromarketing). Comment sont perçues les couleurs sur Internet, quel est leur impact sur la navigation et comment influencent-elles les internautes dans le tunnel d’achat ? Voici quelques explications issues de nos travaux de recherche, qui permettront d’apporter des éclaircissements sur ce sujet..

Créer une grille CSS responsive Les grilles CSS, à quoi ça sert ? La plupart des sites Internet ont un gabarit « générique ». Par exemple, un blog va avoir un corps et une barre latérale. Une grille CSS va vous permettre de gérer ce gabarit très facilement. Mettre en place des tests utilisateurs en accessibilité Préambule Dans cet article, je vais m’appuyer sur la démarche que nous utilisons dans mon service d’accessibilité chez Orange et mon expérience pratique de mise en accessibilité de projets. Les tests utilisateurs en accessibilité ne sont pas des tests utilisateurs d’ergonomie, mais en reprennent certains principes. Ces tests peuvent être utilisés pour, bien sûr, le Web, pour les applications mobiles et globalement pour les documents numériques. Quand doit-on faire des tests utilisateurs ?

nůn {atelier de design graphique} - Transmettre - Espace pédagogique - fondamentaux - Couleur : principe et synthèses Pour faire court Nous voyons notre environnement grâce à la reflexion de la lumière sur les objets. La lumière, dite "blanche", est composée de toutes les couleurs existantes. Ainsi, lorsque nous regardons un objet, la couleur qui nous est renvoyée est la seule qui n'est pas absorbée par celui-ci. Notre rétine est composée de deux types de cellules photosensibles spécialisées : les bâtonnets, qui percoivent la lumière, et les cônes qui percoivent les couleurs. Les « Style Tiles », un nouvel outil pour le webdesigner ? Mais qu’est-ce que c’est ? On peut traduire en français les “Style Tiles” par le terme “Planches Tendances”. Habituellement utilisées en mode, en déco ou même en publicité, elles servent à définir les grandes tendances (graphiques, texturales, chromatiques, etc.) d’un projet donné.

Comment réaliser un test utilisateur avec des personnes non-voyantes ou malvoyantes ? - Axance Nous avons mené récemment des tests utilisateur sur le nouveau site web de prévention santé “MMMieux” du groupe MGEN.L’accessibilité est un sujet crucial pour le groupe MGEN, c’est pourquoi nous avons intégré des adhérents malvoyants et non-voyants aux tests utilisateurs. Quelles sont les spécificités pour préparer un test utilisateur avec des participants non et malvoyants ? Même si les différences s’avèrent finalement moindres qu’on pourrait se l’imaginer, il y a quand même quelques précautions à prendre pour bien préparer ce type de test. En voici quatre :

Choisir les couleurs pour un site web Lors de la création d'un site web, une des premières étapes dans le processus est la réalisation d’une maquette. Il faut réfléchir notamment à la palette de couleurs. Chaque couleur a une signification différente qu'il faut choisir selon le site web. Il faut élaborer une composition de couleurs harmonieuses afin d’établir une charte graphique agréable à regarder. Certaines couleurs se combinent mieux que d’autres.

Calibration - Gestion des couleurs, création de profil ICC L'utilitaire Adobe Gamma ® est installé automatiquement et gratuitement avec Photoshop Elements ® ou Photoshop CS ®. Il est accessible depuis le panneau de configuration de Windows ® (menu Démarrer > Panneau de configuration). Nous ne saurions trop vous conseiller de procéder à la calibration de votre moniteur dans des conditions naturelle de luminosité, sans aucune lumière direct sur celui-ci. Un fois Adobe Gamma ® lancé, choisissez la version étape par étape et faites suivant. Si vous disposez d'un profil ICC fourni par le fabricant du moniteur (sur son site internet ou sur le cd-rom du driver de votre écran), vous pouvez le charger maintenant. Les couleurs et l'accessibilité En France, la proportion de daltoniens est d'environ 8% chez les hommes et 0,45% chez les femmes (source Wikipédia). Plus de 10% de la population masculine est daltonienne dans le monde, et affectée par une perception des couleurs déficiente. Il existe différentes formes de cécité des couleurs : rouge-vert, vert-brun, et ainsi de suite... Bien entendu, il est très difficile, voire impossible d'éviter de mettre sur son site toutes les couleurs qui pourraient être mal perçues. Cependant, il est à la portée de tout le monde de faire en sorte que les pages soient lisibles par tous, quel que soit le handicap visuel.

Comment créer un Logo Mémorable En tant qu’entrepreneur, nous nous sommes tous posés cette question : « Comment créer un Logo Mémorable ? » Avez-vous déjà remarqué que les meilleurs logos ne possèdent pas une signification au premier coup d’oeil ? Analysons ensemble plusieurs logos de marques connues, afin de comprendre le choix final… Quelle différence entre sRGB et Adobe RGB ? Tous les photographes savent que le profil Adobe RGB a un gamut plus large de le profil sRGB. Mais très peu savent cerner la subtile différence qui existe entre ces deux espaces colorimétriques pour faire le bon choix photographique. Qui peut le plus peu le moins ! Alors si Adobe RGB est un peu plus large que sRGB, pourquoi ne pas l’utiliser systématiquement ce qui évitera toute restriction de couleur. Simplement parce la limitation apportée par le sRGB n’intervient que dans certaines conditions et ne concerne qu’une plage restreinte de couleurs vives. En contrepartie, le sRGB propose une répartition de la luminance plus naturelle et la simplicité d’un standard reconnu.

Les supports logiciels de l'ergonome Introduction : un support pour… L'ergonome dans sa pratique quotidienne a besoin d'outils pour réfléchir, formaliser des idées et modèles, et conduire des tests utilisateurs. Cet article ne détaille pas de façon exhaustive les supports logiciels de l'ergonome, mais se veut une présentation rapide des applications qui sont les plus utilisées dans la pratique de l'ergonomie informatique. La majorité des applications présentées conviennent à la pratique générale de l'ergonomie des interfaces homme-machine.

4 recommandations pour mener un test utilisateur avec des non et malvoyants Nous avons mené récemment des tests utilisateur sur le nouveau site web de prévention santé “MMMieux” du groupe MGEN. L’accessibilité est un sujet crucial pour le groupe MGEN, c’est pourquoi nous avons intégré des adhérents malvoyants et non-voyants aux tests utilisateurs. Quelles sont les spécificités pour préparer un test utilisateur avec des participants non et malvoyants ? Même si les différences s’avèrent finalement moindres qu’on pourrait se l’imaginer, il y a quand même quelques précautions à prendre pour bien préparer ce type de test. En voici quatre : 1 – Installation technique : il est préférable de demander aux participants d’apporter leur propre matériel intégrant leur solution de lecture ou de zoom d’écran, solution qu’ils ont personnalisée selon leurs besoins, plutôt que de configurer un appareil classique.

Notions d'espace, de représentation et de profil de couleur Fév 25 2012 Après l'introduction aux problématiques de la gestion des couleurs, je vous propose d'aborder les notions d'espace, de représentation et de profil de couleur qui sont souvent perçues comme un magma dans lequel il est difficile de distinguer l'essentiel de l'accessoire. L'objectif de cet article est de poser quelques repères pour clarifier ces notions fondamentales très souvent invoquées en gestion des couleurs. Nous les approfondirons et les illustrerons dans les sujets pratiques à venir : colorimétrie des appareils photo et des logiciels, calibrage des périphériques intervenant dans la chaîne de traitement, etc.

Related: