D'agréables contrastes
⚡ TOUTES LES INFORMATIONS CLIQUEZ ICI 👈🏻👈🏻👈🏻
D'agréables contrastes
العربية
Deutsch
English
Español
Français
עברית
Italiano
日本語
Nederlands
Polski
Português
Română
Русский
Svenska
Türkçe
中文
العربية
Deutsch
English
Español
Français
עברית
Italiano
日本語
Nederlands
Polski
Português
Română
Русский
Svenska
Türkçe
中文
L'ukrainien est maintenant disponible sur Reverso !
Rejoignez Reverso, c'est gratuit et rapide !
arabe
allemand
anglais
espagnol
français
hébreu
italien
japonais
néerlandais
polonais
portugais
roumain
russe
suédois BETA
turc
ukrainien BETA
chinois
Synonymes
arabe
allemand
anglais
espagnol
français
hébreu
italien
japonais
néerlandais
polonais
portugais
roumain
russe
suédois BETA
turc
ukrainien BETA
chinois
ukrainien
Suggestions:
passer d'agréables
d'agréables moments
d'agréables vacances
Ces exemples peuvent contenir des mots vulgaires liés à votre recherche
Ces exemples peuvent contenir des mots familiers liés à votre recherche
Traduction de "D'agréables" en italien
D'agréables promenades peuvent être faites le long des « colliers ».
Passeggiate piacevoli possono essere fatte lungo "i collari".
D'agréables promenades dans la campagne et les collines autour.
Piacevoli passeggiate in campagna e collina nei dintorni.
Un réseau de sentiers vous attirera pour faire d'agréables promenades sur les quais.
Una rete di sentieri vi attrarrà per fare piacevoli passeggiate lungo le banchine.
Accueil agréable Nos chambres sont caractérisées par d'agréables tonalités de couleurs pour des vacances reposantes en Sardaigne.
Rilassante accoglienza Le nostre camere sono caratterizzate da piacevoli cromatismi per una vacanza rilassante in Sardegna.
A proximité, restaurant et pizzeria pour d'agréables soirées entre amis.
Vicino a un ristorante e pizzeria per serate piacevoli in compagnia.
Les surfaces assorties créent d'agréables contrastes, mais peuvent aussi être utilisées seules.
Le superfici accostate creano piacevoli contrasti, ma possono essere utilizzate anche singolarmente.
Valbonne est aussi un village typiquement provençal avec d'agréables terrasses, de nombreux restaurants et un centre animé.
Valbonne è anche un tipico villaggio provenzale con piacevoli terrazze, numerosi ristoranti e un vivace centro.
La ville de Seward en Alaska ne manque pas d'agréables distractions.
I passatempi piacevoli di certo non mancano nella città di Seward in Alaska.
Je serai le compagnon idéal pour partager d'agréables soirées.
Sarò il compagno perfetto per condividere piacevoli serate.
Gambarie offre des haltes riches et d'agréables promenades, boutiques de produits locaux et souvenirs.
Gambarie offre ricche passeggiate e piacevoli soste, negozi di prodotti locali e souvenirs.
Pour d'agréables ballades, l'usage de nos bicyclettes est gratuit.
Per piacevoli passeggiate l'uso delle nostre bici è gratis.
Vous y trouverez beaucoup de restaurants et d'agréables terrasses.
Naturalmente troverai anche una varietà di ristoranti e piacevoli terrazze.
Le grand jardin avec étang permet d'agréables promenades sans quitter la propriété.
L'ampio giardino con laghetto consente piacevoli passeggiate senza lasciare la proprietà.
Depuis le matin, faites-lui d'agréables surprises et créez divers plaisirs.
Fin dal mattino, fagli piacevoli sorprese e crea vari piaceri.
Nous avons sélectionné un opérateur touristique d'un niveau professionnel haut de gamme afin d'organiser d'agréables excursions en Toscane.
Abbiamo selezionato un operatore turistico di elevato livello professionale per organizzare piacevoli escursioni in Toscana.
Vous pourrez faire d'agréables promenades ou du vélo dans les alentours.
Puoi fare piacevoli passeggiate a piedi o in bicicletta nelle zone circostanti.
Les espaces de travail sont lumineux et ouvrent sur d'agréables terrasses.
Gli spazi di lavoro soleggiati si aprono su piacevoli terrazze.
Nous vous remercions pour d'agréables journées à Nice.
Vi ringraziamo per piacevoli giorni a Nizza.
La situation privilégiée de la station permet d'agréables promenades à travers la forêt de pins à proximité.
La fortunata posizione della località consente piacevoli passeggiate nella vicina pineta.
Les fleurs à travers leurs couleurs stimulent l'esprit, et suscitent d'agréables sensations et pensées positives.
I fiori con i loro colori stimolano la mente, suscitano sensazioni piacevoli e pensieri positivi.
Charger plus d'exemples
Suggérer un exemple
Traduction de voix , fonctionnalités offline , synonymes , conjugaison , jeux éducatifs
Résultats: 351 . Exacts: 351 . Temps écoulé: 120 ms.
© 2013-2022 Reverso Technologies Inc. All rights reserved.
Доступ к информационному ресурсу ограничен на основании Федерального закона от 27 июля 2006 г. № 149-ФЗ «Об информации, информационных технологиях и о защите информации».
Navigation
Articles
Blog
Voir ailleurs
Ressources
À propos de cet article
Openweb.eu.org
This article also exists in English: Text contrasts
Profil :
Débutant, Expert
Thème :
Accessibilité
Auteur :
Nicolas Hoffmann
Publié le : 16 février 2012
Mise à jour : 30 octobre 2018
13 commentaires
Prévenez-moi de tous les nouveaux commentaires de cette discussion par email
Openweb.eu.org > Articles > Contrastes de texte
Les contrastes de textes sont un élément essentiel d’accessibilité des sites internet. Un choix judicieux permet de garantir une lisibilité maximale aux personnes ayant un handicap visuel permanent (déficience visuelle, etc.), temporaire (fatigue, écran de mauvaise qualité, etc.)… et toutes les autres.
Bien souvent par méconnaissance, les contrastes de textes sont traités rapidement, pour ne pas dire ignorés. Ils sont pourtant un point très important d’accessibilité, et plus largement de lisibilité des contenus des sites internet. Qui plus est, en pleine connaissance du sujet, c’est un point d’accessibilité en général assez facile à traiter grâce aux CSS et qui apporte de grands bénéfices.
Même les personnes n’ayant pas à proprement parler de handicap en bénéficient également : l’expérience de lecture est d’autant plus agréable si l’internaute n’a pas à plisser les yeux pour lire un texte !
Les problèmes de vue s’accentuant avec l’âge et le secret de l’éternelle jeunesse n’ayant pas encore été découvert, il est aisé de comprendre qu’un jour ou l’autre, inévitablement, la question de la lisibilité des textes va se poser à une grande majorité de personnes.
Selon les recommandations WCAG 2.0 du W3C , pour obtenir le niveau AA, la règle 1.4.3 nous indique ceci :
Le texte (ou les images de texte informatif) de moins de 18 points (ou moins de 14 points en gras) devrait posséder un contraste de luminosité d’au moins 4,5 pour 1 avec son arrière-plan.
Le texte (ou les images de texte informatif) de plus de 18 points (ou plus de 14 points en gras) devrait posséder un contraste de luminosité d’au moins 3 pour 1 avec son arrière-plan.
Toujours selon les mêmes recommandations WCAG 2.0, pour obtenir le niveau AAA, la règle 1.4.6 nous indique :
Le texte (ou les images de texte informatif) de moins de 18 points (ou moins de 14 points en gras) devrait posséder un contraste de luminosité d’au moins 7 pour 1 avec son arrière-plan.
Le texte (ou les images de texte informatif) de plus de 18 points (ou plus de 14 points en gras) devrait posséder un contraste de luminosité d’au moins 4,5 pour 1 avec son arrière-plan.
Note importante : les chiffres et recommandations de contrastes énoncés dans cet article ne sont applicables qu’à une lecture sur écran.
Luminosité et différence de tonalité
D’autres indicateurs sont intéressants en plus du calcul de contraste : la luminosité et la différence de tonalité. Les formules pour calculer la luminosité et la différence de tonalité sont également disponibles. Toutefois vu leur complexité, les expliquer en détail impliquerait un article bien plus long.
Il est recommandé d’avoir une luminosité supérieure ou égale à 125 et une différence de tonalité supérieure ou égale à 500 pour garantir une bonne lisibilité.
Bien sûr, il est hors de question de faire à chaque fois des calculs laborieux pour chaque couleur de texte et sa couleur de fond, des utilitaires permettent de le faire rapidement, d’obtenir ces informations… et bien sûr d’agir en conséquence.
Color contrast Check est un utilitaire web très pratique, il affiche les valeurs des contrastes et si ces derniers sont conformes aux recommandations WCAG . Il indique également la luminosité ainsi que la différence de tonalité.
Plus pratique encore, il permet d’adapter les couleurs directement et de voir l’impact sur les résultats. Ainsi, cela permet d’étudier et d’adapter les choix de couleurs rapidement et efficacement.
Contrast-A est plus orienté « recherche de couleurs » et « choix de palettes ». Néanmoins, il est très complet :
Un bémol : cet outil est en Flash. Peut-être lui préférer Le Cercle Chromatique Accessible .
Color contrast analyser est un logiciel (sous Windows et Macintosh) qui permet de calculer la luminosité et la différence de tonalité ainsi que ces valeurs pour les différents types de daltonisme, ce qui permet de voir si les pages sont correctement consultables par des personnes souffrant de ces handicaps. Il est très complet et très simple d’utilisation.
Des extensions comme WCAG contrast checker pour Firefox permettent de rapidement évaluer les contrastes des textes. Un simple clic vous permet de rapidement voir si vos textes sont conformes aux recommandations WCAG 2.0.
Autres outils sur les logiciels de graphisme
Photoshop intègre depuis la version CS4 des filtres pour le daltonisme, ils sont sous Affichage > Format d’épreuve > Dyschromatopsie (protanopie et deutéranopie).
Note importante : même si l’article se concentre uniquement sur les contrastes (pour d’évidentes raisons de longueur), la lisibilité des textes ne se résume pas uniquement à cette question. Certains des outils présentés ci-dessus tiennent compte de la taille du texte, mais d’autres facteurs peuvent influencer la perception des contrastes de couleurs et modifier la gêne occasionnée pour l’utilisateur :
En prenant les recommandations énoncées et en utilisant « bêtement » les outils proposés ci-dessus, nous pourrions croire par exemple que les contrastes très forts conviennent parfaitement, que ce soit une couleur claire sur fond sombre ou une couleur sombre sur fond clair… ce n’est pas du tout aussi simple !
Les recherches ont prouvé que les textes à contraste positif (texte foncé sur fond clair) sont plus lisibles que ceux à contraste négatif (texte clair sur fond sombre).
Ajoutons à cela d’autres cas de figure :
Note : rappelons bien que le but n’est pas de proscrire des combinaisons de couleurs ou d’interdire les contrastes négatifs, mais de chercher une lisibilité maximale.
Les trop forts contrastes, même positifs, agressent l’œil, gênent la lecture et accentuent la fatigue oculaire.
Le noir pur #000 sur fond blanc pur #fff gêne par exemple les dyslexiques : le contraste trop élevé a tendance à faire « trembler » ou « bouger » les textes. Ce phénomène est décrit sous le nom de « syndrome d’Irlen » ou « syndrome de sensibilité scotopique » et ne concerne pas uniquement les dyslexiques.
Pour donner un autre exemple, un texte noir pur sur fond blanc pur accentue l’effet de halo pour les personnes âgées et/ou sensibles à la lumière. Pour avoir une idée de cet effet, il suffit d’imaginer lire un texte dans une pièce sombre sur un écran très lumineux, il faudra plisser les yeux pour distinguer le texte car la forte lumière du fond blanc aura tendance à être aveuglante.
Dans ces cas, il faudra soit utiliser un gris très léger en couleur de fond au lieu d’un blanc pur, soit éclaircir légèrement le noir pur du texte.
Tout est dans l’équilibre : un bon contraste est nécessaire et important, toutefois, les valeurs trop extrêmes sont à éviter. De très nombreux outils permettent de trouver des valeurs satisfaisantes, et ce aussi bien au niveau de la création du graphisme qu’au niveau de l’intégration CSS .
Il est même même fréquent de constater qu’une très légère adaptation avec les outils précités apportera beaucoup de confort de lecture en plus, même pour les publics n’ayant pas à proprement parler de handicap visuel.
un grand merci pour cet article et pour toutes ses ressources ;-)
#
Nicolas Hoffmann
Le 22 juin 2012 à 17:50
Superbe article, merci pour toutes ces ressources , un vrai petit cour ! :-)
#
Testatoto
Le 13 mars 2013 à 16:55
Super article. Merci pour :
1- toutes les explications
2- tous les liens
3- le bon sens :-) "... mais pas une finalité"
Merci pour cet article de référence, très complet et précis, sur un aspect encore trop souvent négligé.
Il manque l’outil Tanaguru Contrast Finder qui a l’avantage d’être en français pour les moins anglophones d’entre nous.
#
Nicolas Hoffmann
Le 22 avril 2014 à 14:47
#
Pierre-Antoine
Le 17 juin 2014 à 09:57
Pour les contrastes positifs ou négatifs, ça dépend aussi du contexte de l’utilisation :
Si on est dans un environnement sombre (par exemple la nuit), les contrastes négatifs seront certainement plus agréables : un écran blanc dans une pièce noire, ça pique un peu les yeux ;-)
#
Muriel
Le 19 décembre 2014 à 11:54
Un article très opportun qui rappelle à quel point il est nécessaire de privilégier le confort de lecture de l’internaute. Rédiger par exemple des textes en caractères minuscules (on le voit encore très souvent) de couleur claire sur fond foncé, c’est s’assurer de faire fuir le lecteur potentiel.
Compte tenu de ce qui est indiqué dans votre article, je vais certainement foncer la couleur de mes liens que je trouve un peu trop claire.
Bien à vous.
#
Frank
Le 22 décembre 2016 à 16:43
Article complet et de qualité comme d’habitude mais pour moi il manque juste un tout petit truc, donner à l’utilisateur la possibilité de changer le contraste si celui-ci ne convient pas. Il permet également sauf erreur, d’être dans les clous niveau RGAA quelque soit le contraste utilisé.
#
Nicolas Hoffmann
Le 22 décembre 2016 à 16:49
Frank : tu mets cela en place comment en pratique ? Style alternatif, conseils pratique, autre ?
#
Frank
Le 22 décembre 2016 à 19:48
Tu as la possibilité des styles alternatifs bien sur (switcher), mais c’est souvent un choix arbitraire de contraste (positif, négatif), alors qu’il est tout à fait possible de laisser le choix à l’utilisateur.
Il existe par exemple confort+ d’Orange http://confort-plus.orange.com/ ou alors ce que j’ai mis en place sur web-pour-tous http://www.web-pour-tous.org/spip.php?page=generateur .
J’avais un autre exemple très simple qui permettait de juste changer la couleur de fond et de police mais impossible de remettre la main dessus.
#
Soizic
Le 11 juillet 2018 à 12:05
Merci pour votre travail
C’est efficace et rapide d’utilisation .
Une lecture plus facile et moins fatigante
Attention, votre message n’apparaîtra qu’après avoir été relu et approuvé.
Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] et le code HTML . Pour créer des paragraphes, laissez simplement des lignes vides.
Ce site s'affiche mieux dans un navigateur conforme aux standards, voici pourquoi .
Site hébergé par Nursit et par l' APINC (2002-2010).
Propulsé par SPIP .
Besoin d'aide? Contactez contact.sikkenssolutions@akzonobel.com
Les différents types d'harmonie Une harmonie est une combinaison de couleurs plaisantes, produisant un résultat esthétique agréable . Elle peut être obtenue de deux façons, par analogie ou par contraste. Par similitude, une couleur s’accordera toujours avec des nuances de la même teinte. Par différence, cela implique un écart important entre les couleurs. Il peut être obtenu au moyen de la tonalité, de la saturation et/ou du degré de luminosité. Cette association produit une tension visuelle et rythme les espaces.
Harmonie monochrome Elle utilise les variations de luminosité et de saturation d’une seule teinte. Cette harmonie est peu contrastée mais agréable et élégante.
Harmonie complémentaire Association de deux couleurs opposées sur le cercle chromaBeaucoup de bites pour une cochonneMikaella surveillante de la plage toute mouilléeKendra Lust fait plaisir aux amis de son fils parce qu'elle aime une bonne bite