Un texte justifié est un texte dont les marges gauche et droite sont alignées de manière à former une ligne droite des deux côtés. Cela signifie que les mots et les espaces entre les mots sont ajustés de manière à remplir l’espace disponible sur chaque ligne, ainsi des lignes de longueur égale.
La justification du texte
Pour obtenir un texte justifié, les espaces entre les mots peuvent être étirés ou réduits de manière à ce que chaque ligne soit complètement remplie. Des espaces irréguliers entre les mots rend certaines lignes moins harmonieuses visuellement.
En exemple :
Voici un texte justifié :
Qu’est ce qu’un texte justifie? Le texte justifié est un style d’écriture où les côtés droit et gauche du paragraphe sont alignés de manière égale, ainsi que des bords droits et gauches réguliers. Contrairement à la pratique courante sur Internet, ce format est souvent utilisé dans les journaux imprimés et certains livres plus anciens.
Voici un texte aligne a gauche :
La plupart des sites web en anglais, quant à eux, utilisent une mise en page avec un alignement à gauche, ce qui signifie que chaque paragraphe est aligné avec la marge de gauche.
Bien que cette pratique soit courante dans les journaux imprimés et certains livres anciens, elle est moins prisée sur les sites Internet qui utilisent l’alignement à gauche.
Cependant certains concepteurs choisissent encore d’utiliser la justification du texte pour obtenir un effet esthétique. Cette pratique peut poser des problèmes pour les personnes atteintes de dyslexie, ou de troubles visuels.
Problèmes posés par la justification
Lisibilité
La justification du texte rend les blocs de texte moins lisibles. Elle impacte donc la lisibilité.
Suivi
Lorsque le texte est entièrement justifié ou centré, les utilisateurs rencontrent des problèmes de suivi, c’est-à-dire qu’ils peuvent avoir du mal à trouver le début de chaque ligne de texte.
Ce problème ne concerne pas seulement les personnes handicapées, mais tous les utilisateurs. Essayez de lire un ancien journal qui utilise une justification complète du texte. Vous pourriez vous retrouver à sauter des lignes ou à manquer des mots, car la plupart des lecteurs modernes sont plus habitués au texte aligné à gauche.
Pourquoi cela se produit-il ?
Tout d’abord, la justification du texte crée des espaces vides entre les caractères ou les mots. Le texte a l’apparence de bloc unique avec des marges parfaites, mais cela crée également un espacement irregulier, ce qui peut forcer les yeux du lecteur à « sauter » lors de la lecture.
Justification et technologie d’assistance
La justification du texte pose un problème sérieux lors de l’utilisation de technologies d’assistance (TA). De nombreuses personnes malvoyantes utilisent des loupes d’écran ou agrandissent le contenu Web en zoomant sur la page. Si le texte est justifié, ces utilisateurs peuvent voir de grands espaces vides entre les mots (ou à l’intérieur des mots), ou les mots peuvent se confondre en un amas de caractères illisible.
Un texte centré est moins problématique qu’un texte justifie, mais il peut encore être difficile à lire (et peut causer des problèmes lorsque le texte est agrandi).
Les recommandations des WCAG
Il est recommandé d’éviter la justification du texte selon les Web Content Accessibility Guidelines (WCAG), qui sont les normes internationales en matière d’accessibilité numérique.
Les WCAG, publiées par le World Wide Web Consortium (W3C), recommandent d’utiliser par défaut l’alignement à gauche pour les langues de gauche à droite, comme le francais.
Selon les directives du W3C, les concepteurs doivent s’en tenir aux valeurs par défaut de justification du texte, sauf s’ils ont une très bonne raison de faire autrement. Il est possible de justifier le texte en utilisant la propriété CSS « text-align », mais ce n’est pas une bonne idée pour les blocs de texte plus longs.
Les règles de base
Voici quelques règles de base à garder à l’esprit lors de la mise en page du texte :
- Évitez de justifier les textes
- Évitez d’utiliser la justification centrale
- Assurez-vous que votre contenu ne perd pas d’informations ou de fonctionnalités lorsque les utilisateurs modifient la justification du texte.
En suivant ces conseils, vous remplissez une partie des exigences du critère de succès WCAG 1.4.8, « Présentation visuelle », qui inclut également des exigences concernant l’espacement des lignes et la largeur des blocs de texte. Bien que ce critère soit de niveau AAA et donc pas strictement nécessaire pour la plupart des sites Web, il est important de prêter attention aux critères de réussite WCAG de niveau AAA.
Lors de la conception de votre site Web, il est essentiel de prendre en compte les besoins et les attentes de tous les utilisateurs. Cela inclut également les rapports de contraste des couleurs, les choix de polices et la manière dont vous utilisez la couleur pour transmettre le sens. Testez vos conceptions par rapport aux WCAG et réfléchissez à l’impact sur les utilisateurs handicapés avant de prendre chaque décision.
En accordant la priorité à l’accessibilité, vous offrirez de meilleures expériences à tous les utilisateurs et les maintiendrez engagés avec votre contenu.