3 Conseils pour vous aider à éviter la mauvaise typographie web

La bonne typographie apporte hiérarchie et focus aux bons endroits. Ce guide va vous apprendre comment éviter la typographie inefficace et comment mettre l’accent juste sur les mots écrits dans votre design.

1. Tenez compte de l’accessibilité, s’il vous plaît

La bonne typographie signifie concevoir non seulement pour les circonstances idéales, mais aussi pour les pires scénarios, par exemple lorsque quelqu'un a une vision ou une lecture altérées en vertu des conditions de faible éclairage. Visez à avoir un ratio de contraste élevé entre la couleur d’arrière-plan et celle du texte. Il existe de nombreux outils en ligne disponibles pour s’assurer que votre texte est lisible.

• Accessibility
  Accessibility Basics: Designing for Visual Impairment
  Graeme Fulton
• Typography
  Typographic Readability and Legibility
  Jeremy Loyd

Le  niveau AA du WCAG 2.0 nécessite un taux de contraste de 4.5:1 pour le texte normal et 3:1 pour le grand texte. Le niveau AAA nécessite un ratio de contraste de 7:1 pour le texte normal et 4.5:1 de grand texte.

Du texte avec trop de contraste peut également être difficile à lire. Par exemple, du texte avec une coloration légère sur des arrière-plans sombres.

2. Diminuez les distractions

Une bonne règle de base est de réduire les distractions pour la lecture de texte. Que ce soit l’utilisation de polices trop nombreuses, trop de modèles et de variantes, trop ou trop peu d’espacement entre les lignes. Réduire ces distractions en configurant une limite sur le nombre de styles de police ou de graisse que vous avez dans une mise en pages.

Par exemple, utiliser deux ou trois polices peut fonctionner sur une expérience web, mais plus que cela et vous risquez de rendre l’apparence de la page désorganisée et encombrée.

3. Optimisez la longueur de la ligne (mesure)

La longueur de la ligne moyenne (ou « mesure ») pour le confort de lecture optimal est de 8 à 12 mots par ligne ou environ 50 à 60 caractères par ligne. Cela aidera à faire en sorte que l'œil des lecteurs ne sautent pas trop souvent dès le début à la fin d’une phrase, et aussi un bon truc pour s’assurer que le lecteur va rester engagé.

Portez une attention particulière à ceci lorsque vous concevez des mises en page fluides, comme la mesure est susceptible de changer la taille en fonction de la fenêtre d’affichage. La typographie constitue un excellent point de référence pour statuer sur les points d’arrêt de vos créations.

Conclusion

Avec ces lignes directrices comme point de départ, vous pouvez éviter une mauvaise typographie et communiquer clairement le message de votre création avec des distractions minimales.