Exemples de contrastes de textes sur une page HTML

IL est parfois permis de se demander à quoi tiennent les modes, et notamment celle suivie par des concepteurs de sites qui affichent leurs textes avec très peu de contraste, surtout dans les tons clairs, probablement la pire des possibilités en matière de confort de lecture: le contraste est peu élevé et la lumière maximale.

Un des pires exemples a été trouvé dans un courriel d'entreprise, où le pixel le plus sombre du texte est un gris de valeur 145 (#91) et où le fond a une valeur uniforme de 198 (#c6). Rappelons que les gris se situent entre 0 (noir) et 255 (blanc).

Voici la première strophe du poème Chanson d'Automne (1866) de Paul Verlaine (1844-1896) dans les vingt cas de figure plausibles associant le noir (#000000), gris foncé (#404040), le gris moyen (#808080), le gris clair (#c0c0c0) et le blanc (#ffffff).

La diagonale de haut à gauche en bas à droite regroupe les cas où le texte et le fond sont de même intensité de gris, elle ne peuvent donc être utilisées (les moteurs de recherche déconsidèrent les pages où du contenu est caché parce que des sites se font référencer avec du texte pour hameçonner les internautes). Les huit cases voisines sont les moins contrastées parmi les autres possiblités. C'est à l'une d'elle que ressemble le texte montré en exemple (de ce qu'il ne fait pas faire).