Lisibilité de qualité Web
Utiliser correctement les polices et les couleurs peut rendre votre site Web plus facile à lire.
Faites attention au contraste des couleurs
Pour les personnes malvoyantes ou pour les appareils d'affichage médiocres, un texte blanc sur fond noir ou un texte noir sur fond blanc est préférable.
Le contraste du texte gris sur fond clair est très faible :
| Grey text on a white background (#EEEEEE) |
| Grey text on a white background (#CCCCCC) |
| Grey text on a white background (#AAAAAA) |
| Grey text on a white background (#888888) |
| Grey text on a white background (#666666) |
| Grey text on a white background (#444444) |
| Grey text on a white background (#222222) |
| Grey text on a white background (#111111) |
Le contraste du texte gris sur fond sombre est également très faible :
| Grey text on a black background (#222222) |
| Grey text on a black background (#444444) |
| Grey text on a black background (#666666) |
| Grey text on a black background (#888888) |
| Grey text on a black background (#AAAAAA) |
| Grey text on a black background (#CCCCCC) |
| Grey text on a black background (#DDDDDD) |
| Grey text on a black background (#EEEEEE) |
Certaines combinaisons - comme le noir et le rouge, le noir et le bleu, le jaune et le vert - peuvent provoquer une fatigue visuelle :
| Black text on a red background |
| Black text on a blue background |
| Yellow text on a green background |
Ces combinaisons ne sont pas mauvaises :
| Black text on a grey background |
| Black text on a light blue |
| Black text on antique white |
| White text on dark blue |
Faites attention à l'espacement entre les lettres
Pour les lecteurs malvoyants, l'espacement le plus étroit entre les lettres apparaîtra différent. Petite dyslexie.
Le texte avec un espacement modéré est plus facile à lire.
Le texte avec peu d'espacement est difficile à lire.
Soyez prudent avec l'interligne
L'interligne suivant est facile à lireTexte avec un bon interligne
Plus facile à lire
Texte avec un petit espacement
Difficile à lire
Évitez les polices fantaisistes
Cette police est facile à lire.. ..
Cette police est difficile à lire....
Utilisez l'italique avec parcimonie
La police normale est facile à lire.
Les polices italiques ne sont pas si faciles à lire.
