Y a-t-il un problème avec l'utilisation de texte noir sur fond blanc?
Pourquoi de nombreux sites Web utilisent-ils une couleur de texte autre que #000000 noir lorsque le fond est blanc?
Par exemple, ce texte sera affiché en utilisant un gris foncé:
.post-text {
color: #333;
}
Des études ont-elles été faites sur ce sujet?
Un contraste élevé tel que le noir sur blanc peut provoquer une fatigue oculaire. Il existe également des preuves qu'il est particulièrement mauvais pour les personnes atteintes de dyslexie. Pour plus d'informations, lisez les articles sur X Movement et The Bristol Dyslexia Center .
WCAG fournir des détails sur ce qui est un contraste de couleur acceptable, mais ne pas indiquer de limite supérieure. Personnellement, j'aime utiliser un algorithme différent qui fournit un avertissement de contraste supérieur. Pour plus d'informations, consultez cet article sur Spider Trax: "Le W3C obtient-il des contrastes erronés?"
Légèrement hors sujet, mais consultez Contraste-A , un bon outil conçu par Das Plankton pour choisir des schémas de couleurs accessibles.
Les couleurs hors noir (# 333, # 222, # 2a2a2a, # 444) simulent le contraste du matériau d'impression sur la typographie Web. Il peut également améliorer la lisibilité davantage que le blanc pur et le noir pur comme Sheff l'a déjà indiqué ci-dessus.
Voici une pièce intéressante à ce sujet: Conseil de conception: ne jamais utiliser de noir
Ce n'est pas une étude, mais j'ai trouvé cela intéressant. La pensée est que dans le monde réel, les choses ne sont pas vraiment noires sur vraiment blanc et que cela n'avait pas d'importance il y a quelque temps, mais maintenant les écrans ont un contraste si élevé que le noir pur sur blanc n'est tout simplement pas bon pour vous.
Le texte noir n'est pas le problème. Un fond blanc éclatant est. Cet éclat de fond est la cause de la fatigue oculaire. Le texte gris ne fait qu'aggraver la situation car les utilisateurs ont souvent du mal à lire - c'est pourquoi le texte gris prend souvent plus de temps à lire que le texte noir. En fait, beaucoup de gens peuvent "voir" une page entière de texte noir et avoir une idée du message en un instant - presque impossible de réaliser une telle analyse rapide avec du texte gris. Dans cette veine, le blanc sur le noir peut être plus facile à regarder - bien que la police et la taille soient importantes. Le bureau Windows classique (blanc sur un bleu moyen/gris) est très facile à lire.
Sur une question connexe, la tendance au design "plat" a vu des pages entières devenir blanches. En dehors de l'éblouissement, les zones cliquables deviennent indiscernables des zones passives. Comment cela améliore-t-il la convivialité? Quel est le problème avec: - Les menus/liens/contenus étant sur des panneaux contrastés? - "Boutons" ayant de l'ombre, des dégradés ou des biseaux? - Les icônes restent multicolores et texturées plutôt que primitives et monotones?
Il existe un problème pour les lecteurs dyslexiques en utilisant un contraste extrêmement élevé, mais il a été considérablement exagéré et propagé au poin du mythe (voir ceci rapport séminal , qui recommande néanmoins "de fournir un contraste suffisant entre les éléments de une page "et" utiliser un texte sombre sur fond pâle "). Il y a aussi une tendance aux abus en utilisant du texte gris clair indûment sur fond blanc propagé par les blogs populaires, principalement par des designers essayant d'obtenir un joli effet, mais nuisant à la lisibilité.
De nombreux articles universitaires * montrent qu'un texte à contraste élevé peut être lu plus rapidement qu'un contraste faible; les directives d'accessibilité Web du W3C fournissent une formule pour un contraste minimum (voir AERT ). Le site Web d'opinion Contrast Rebelion fournit une collection de liens vers des articles de recherche universitaire sur la lisibilité du texte, et une justification pour éviter le gris clair sur fond blanc.
* J'ai essayé d'en publier quelques-uns, mais le système de réputation de ce site ne me permet pas de publier plus de deux liens. Visitez les liens sur le site ContrastRebelion comme point de départ pour la recherche réelle (je ne suis pas du tout lié au site).
L'utilisation de texte noir sur fond blanc peut évidemment rendre le contraste de votre écran. Pour rendre votre écran agréable à regarder, vous pouvez modifier la luminosité et demander une application appelée F.Lux. Il s'agit d'un logiciel gratuit permettant de changer automatiquement la couleur de votre ordinateur à l'heure de la journée, sans éblouir les yeux.
En fait, la couleur n'est pas la question, le temps de la regarder importe. Et la partie la plus dangereuse de votre moniteur et écran d'ordinateur est la lumière bleue. Cela peut facilement blesser votre oculaire, provoquer une fatigue oculaire et d'autres problèmes. En savoir plus dangers de la lumière bleue pour la santé humaine est vraiment important pour la protection des yeux.
Je suis dyslexique et j'ai un problème de gris sur blanc et de gris sur gris. Je n'ai pas de problème avec le noir sur blanc ou le noir sur gris clair. Toutes les personnes dyslexiques ne sont pas les mêmes, et toutes les personnes ne peuvent pas lire les sites Web avec un contraste ridiculement faible que nous avons imposé ces jours-ci. Essayez de parler aux utilisateurs de votre site Web et de vos logiciels informatiques.
Pour éviter toute confusion et confirmer que la question posée est toujours valable à ce jour:
Des outils comme Firefox Reader ou Safari Reader (Desktop & iPhone) ainsi que les principales plateformes Web comme m.Twitter.com, Facebook, Medium (Web et (Android-) App), Apple.com, Google, ont récemment relancé TechCrunch ainsi que ce site ici utilise tous du texte `` presque noir '' sur fond blanc à partir d'aujourd'hui (mars 2018) - au sens technique, la question se pose: pas vraiment gris mais pas un noir 100% profond non plus: des valeurs comme rgba (0 , 0,0.84), # 111111, # 14171a ou # 333333
Certains utilisent cependant le contraste complet de #ffffff à # 000000, par exemple Amazon Kindle (Android) ou www.w3.org. Au moins, les écrans mobiles sont généralement grisés de toute façon.
Je suis une personne âgée, toujours active dans des fonctions de vie normales. Ma colère vise le manque de sensibilisation aux produits/services qui offrent des options pour sélectionner le texte, la couleur et l'arrière-plan les plus adaptables pour la personnalisation, mais pas pour la praticabilité.
Microsoft et la collection de navigateurs ne sont pas en phase avec le grand public. MS fournit une large gamme de solutions visuelles à leurs offres "Windows" et visuelles. Pourtant, le seul facteur important est la lisibilité du texte des actualités/médias pour l'utilisateur. On pourrait espérer que MS et le groupe des navigateurs fourniraient une sélection d'options de texte et de couleurs qui répondent mieux aux besoins des individus. Mes frustrations personnelles se répercutent sur l'aspect ebery de la publication. Essayez de lire les instructions sur un emballage de préparation des aliments, beige clair sur orange. Ou blanc sur gris clair. Semble bon pour l'effet visuel mais ZÉRO pour la praticabilité. Personnellement, j'ai tendance à acheter des articles qui complètent mon style de vie et mes besoins. J'aimerais pouvoir abandonner cet ordinateur et d'autres appareils électroniques. Basé sur la stupidité unique des fournisseurs, cette option peut devenir réalité plus tôt que jamais. Je veux être ab; e pour sélectionner l'arrière-plan, le texte et la couleur (noir) permettant à meto easile de lire le texte sur mon écran d'ordinateur sans contrainte .. Période.
Non, il n'y a pas de problème avec du texte noir sur fond blanc. C'est une norme depuis des décennies. Pour cette raison, il est hautement improbable que cela puisse causer des problèmes à la majorité des utilisateurs. Si vous décidez d'utiliser du texte gris, gardez à l'esprit que souvent les gens ne peuvent pas lire le texte dans des situations à faible contraste, par exemple sur les appareils mobiles ou lorsqu'ils sont malvoyants.
Une raison très probable est que le texte gris est visuellement attrayant. Il peut souvent être vu dans des conceptions coopératives, dans des environnements productifs, il est rarement utilisé.
Mozilla déclare sur ses sites de support que l'une des fonctions de Reader View est d'ajouter du contraste, ce qui n'est généralement pas nécessaire lorsque vous n'avez pas réduit le contraste en premier lieu. Leur choix de couleurs pour Reader View est une référence largement acceptée de contraste minimum que vous devez fournir.
Lorsque les couleurs RVB non sombres sur un écran sont traduites en couleurs XYZ dans l'œil, puis en quelque chose de similaire aux couleurs de teinte-saturation-clarté par le cerveau, de petits changements dans les valeurs RVB se traduiront par de petits changements XYZ qui produiront ensuite de petits changements à la teinte et à la saturation (que j'appellerai collectivement chroma). Lorsque des couleurs plus sombres sont converties en HSL, les mêmes changements de taille absolue dans les valeurs RVB entraîneront des changements plus importants dans XYZ, et donc des changements plus importants dans la chrominance. Lorsqu'une zone plus sombre d'une teinte/saturation donnée est à côté d'une zone plus claire avec la même teinte/staturation, la frontière sera généralement légèrement floue (puisque le globe oculaire se concentre bien mais pas parfaitement) mais toutes les zones sur la frontière doivent avoir la même chroma. Même s'il y a des non-linéarités dans le processus de conversion des couleurs RVB en mémoire en couleurs XYZ dans le globe oculaire, toute non-uniformité conséquente dans le chroma sera faible.
Cependant, avec des couleurs trop sombres, de minuscules changements dans les valeurs RVB peuvent entraîner de grands changements de chrominance. S'il y a des non-linéarités dans le processus de conversion des couleurs RVB de l'ordinateur en couleurs XYZ dans l'œil, les variations de la chrominance perçue peuvent être assez importantes. Si une valeur RVB de (0,0,0) est perçue comme si elle était (0,0001, 0, 0) alors elle apparaîtra rougeâtre; s'il est perçu comme (0,0,0,0001), il apparaîtra bleuâtre. Si l'on utilise une couleur de fond de (96,128,128) et une couleur de premier plan de (3,4,4), le premier plan et l'arrière-plan sembleront avoir le même chroma. Si au lieu de cela, on utilise une couleur de premier plan de (0,0,0), la chrominance perçue des parties du texte peut non seulement différer de celle de l'arrière-plan, mais elle peut facilement être non constante et non uniforme. Même si la chrominance de ces objets sombres n'a pas de sens, cela ne signifie pas que les variations de chrominance sans signification ne seront pas distrayantes.
Récemment, j'ai participé à la construction de l'expérience utilisateur d'une plateforme de collaboration sociale, et nous étions également très sérieux au sujet de l'accessibilité. Dans le cadre du respect des directives d'accessibilité, la vérification du contraste des couleurs pour les composants clés, la communication d'informations était une tâche majeure. WCAG 1.4 ( http://www.w3.org/TR/2005/WD-WCAG20-20050630/#visual-audio-contrast ) requiert que le contraste des couleurs soit dans un certain niveau. J'appuie complètement la réponse par sheff
Je suis à 100% avec la contribution ci-dessus. | Tout ce texte gris rend la lecture des documents à l'écran et sur papier, des livres, des instructions sur les médicaments, etc. extrêmement difficile à lire. Il semble que le texte s'aggrave, de plus en plus gris. Le besoin évident de contraste a-t-il été complètement perdu, jusqu'à ce qu'il atteigne un point où le texte semble esthétiquement doux ou cool, mais n'a aucun but pratique. Je pense que cela ajoute à la relégation de la lecture et à la valeur de l'imprimé, évoluant progressivement vers le journalisme et l'analyse diffusés à travers des vidéos, des web-inars et des médias picturaux. Aussi bonnes qu'elles soient à certaines fins, elles ne peuvent jamais contenir le détail et la sophistication d'un rapport écrit et d'une analyse. Toute personne qui valorise le contenu de l'information imprimée et écrite doit faire campagne pour la visibilité de l'imprimé, sans parler bien sûr de l'exclusion sociale qu'elle crée pour les personnes ayant des difficultés visuelles.