Présentation visuelle

Ce que ce critère demande

Pour les contenus textuels longs, ce critère regroupe cinq exigences : les utilisateurs peuvent choisir les couleurs de premier plan et d’arrière-plan ; la longueur de ligne ne dépasse pas 80 caractères (40 pour le chinois, le japonais et le coréen) ; le texte n’est pas justifié des deux côtés ; l’interligne est d’au moins 1,5 au sein des paragraphes et l’espacement entre paragraphes est d’au moins 1,5 fois la hauteur de ligne ; et le texte peut être agrandi à 200 % sans défilement horizontal ni recours à une technologie d’assistance.

Comment y répondre

• Limiter les colonnes de lecture à environ 60–75 caractères par ligne pour le texte courant en français.
• Utiliser du texte aligné à gauche (ou à droite pour les langues de droite à gauche), jamais text-align: justify.
• Définir line-height à au moins 1,5 sur le texte courant et utiliser un margin-bottom généreux entre les paragraphes.
• Proposer un sélecteur de thème ou respecter prefers-color-scheme pour que les couleurs soient contrôlables par l’utilisateur.
• Tester à 200 % de zoom : le texte doit se redistribuer dans la colonne, sans défilement horizontal.

Erreurs courantes

• Colonnes de style magazine à justification complète produisant des rivières de blancs qui ralentissent la lecture.
• Texte courant dans des conteneurs larges avec 120 caractères ou plus par ligne.
• Texte courant avec line-height: 1.2 resserrant les lignes et gênant la lecture par les personnes malvoyantes.
• Absence de sélecteur de thème et non-respect de prefers-color-scheme.

Pourquoi c’est important

Ce critère est de niveau AAA et rarement exigé contractuellement. Mais les conseils sous-jacents — lignes courtes, espacement généreux, pas de justification complète — constituent simplement de la bonne typographie. Satisfaire ce critère est le résultat naturel d’une conception orientée lisibilité plutôt que densité.