L'ombre du texte peut-elle améliorer la lisibilité?
Les ombres de polices CSS sont souvent utilisées pour aider à faire ressortir le texte (ou dans, ou coloré, ou bien d'autres choses fantaisistes.) Je me demande s'il peut être utilisé pour améliorer la lisibilité.
Je sais que trouver la bonne quantité de contraste peut grandement aider à la lisibilité de l'écran numérique. Les ombres de police entourent toujours le texte, il peut donc être utilisé pour contrôler le contraste, à la fois la luminosité et la couleur. reference: Y a-t-il un problème avec l'utilisation de texte noir sur fond blanc?
Dans certaines situations, une ombre portée ou un trait peut être utilisé pour maximiser l'accessibilité et maintenir le rapport de contraste entre le texte et l'arrière-plan. J'ai utilisé cette méthode une ou deux fois dans le cadre de directives de marque strictes exigeant des combinaisons de couleurs non conformes. Il est mentionné comme une technique pour répondre au critère SC 1.4.3 (Contraste) des WCAG :
... si une lettre est plus claire en haut qu'en bas, il peut être difficile de maintenir le rapport de contraste entre la lettre et l'arrière-plan sur la lettre entière. Dans ce cas, le concepteur peut assombrir l'arrière-plan derrière la lettre, ou ajouter un mince contour noir (au moins un pixel de large) autour de la lettre dans l'ordre pour maintenir le rapport de contraste entre la lettre et l'arrière-plan supérieur à 4,5: 1.
Outre la réponse donnée, je voudrais mentionner un cas d'utilisation très important où la solution n'est rien MAIS des ombres.
Texte sur une image
Lorsque vous ne contrôlez pas l'image au-dessus de laquelle vous écrivez du texte, vous devez assurer un contraste approprié pour une meilleure lisibilité. Une image de grand héros semble faire rage ces jours-ci. Une ombre sombre est ajoutée derrière le texte blanc et une ombre claire derrière le texte noir.
Le ancien site Web de Nexus en a fait un usage intensif, car la version de Roboto qui a l'air incroyable sur les photos est la version ultra mince. Il s'agit d'un texte de couleur blanche avec une ombre foncée afin de donner du contraste sur une image sans sacrifier le poids de la police ou ajouter une superposition. Nous avons utilisé ce fait sur notre propre site Web .
[~ # ~] modifier [~ # ~] Une fois que OP a publié le commentaire, un cas d'utilisation d'avoir des ombres au-dessus d'un fond plein peut être là nous ne contrôlons pas l'arrière-plan (disons qu'il provient d'un CMS). Si nous avons du texte blanc, nous pouvons utiliser une ombre noire et le texte sera visible sur fond noir et un peu sur fond blanc également.
Pour moi, la réponse est oui, en particulier pour les sites à thème sombre .
Voici quelques images d'un site que j'ai conçu pour l'entreprise de toiture de mon frère. Il voulait un thème tout sombre. Je lui ai donc donné un fond gris foncé, quelques textes de corps blanc cassé et gris, le tout avec des ombres CSS3 plus sombres.
(Petite mise en garde: les images sont en fait plus sombres que le site en réalité lorsque j'ai pris les captures d'écran)
Tout d'abord, page d'accueil:
fond gris foncé.
Grandes polices de texte grises, blanches et rouges.
Ombres plus sombres que l'arrière-plan.
Deuxièmement, la page Services:
fond gris foncé.
Petites polices de texte grises et blanches.
Ombres plus sombres que l'arrière-plan.
Enfin, la page de destination des produits:
fond gris foncé.
X-Large logos mixtes gris clair et foncé.
Ombres plus sombres que l'arrière-plan.
Je pense que vous pouvez voir que sans les ombres, ce serait non seulement plus difficile à lire, mais ne serait pas autant.
Il peut, en augmentant le contraste entre le texte et l'arrière-plan, ce qui est son objectif principal.
Les ombres de texte peuvent faire apparaître du texte mais ne rendent pas le texte plus lisible.
Je concède que l'ajout d'ombres de texte autour d'un texte blanc sur un fond blanc rendra le texte plus lisible car tout est plus lisible qu'invisible. Cependant, je ne suis pas d'accord pour dire que l'utilisation d'ombres de texte autour d'un texte noir sur fond blanc est plus lisible qu'un simple texte noir sur fond blanc.
Un contraste approprié est la clé d'un texte lisible
Si vous voulez que le texte se démarque parce qu'il est spécial, l'ajout d'ombres de texte peut accomplir cela. Si vous essayez simplement d'avoir le plus texte lisible, cependant, un contraste élevé sans ombres de texte est le moyen aller. Par exemple, une version de texte noir sur fond blanc .
Si vous savez que l'environnement va être une salle de serveurs sombre ou quelque chose, le gars de la salle de serveurs vous remerciera d'avoir utilisé une version de texte clair sur fond sombre .