Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Barrierefreiheit
Pourquoi l'interligne et l'espacement des caractères doivent-ils être ajustables sur les sites ?
L'interligne et l'espacement des caractères doivent être ajustables car les personnes ayant une difficulté de lecture ou une malvoyance lisent souvent les textes que s'ils ont des espaces élargis. Ils utilisent pour cela les paramètres du navigateur ou les programmes d'aide. Votre site doit gérer cet ajustement : aucun texte ne doit être coupé, et aucun code ne doit fixer les espaces de manière immuable.
Les espaces élargis rendent les textes lisibles
Pour les personnes ayant une dyslexie, les lignes serrées se fondent les unes dans les autres — plus d'espace entre les lignes et les lettres transforme un mur de texte gris en phrases lisibles. La norme définit pour cela des valeurs d'adaptation concrètes qu'un site doit supporter sans dommage : interligne d'une fois et demie la taille de la police, espaces élargis entre les lettres, les mots et les paragraphes. Les visiteurs définissent ces valeurs eux-mêmes — votre site ne doit pas les prescrire, mais simplement les permettre. Les problèmes surviennent à deux endroits : les zones de texte avec une hauteur fixe coupent le texte qui a grandi, et le code qui cloue les espaces avec des instructions prioritaires rend l'adaptation inefficace dès le départ.
C'est ainsi que notre noyau de mesure contrôle les espaces de texte
Le contrôle fonctionne sur deux voies. Premièrement, le noyau de mesure effectue le test d'endurance réel : il définit les valeurs d'espacement de la norme en direct sur votre page et mesure si le texte est coupé — chaque endroit coupé est un cas de contrôle documenté. Deuxièmement, il recherche dans les règles de conception de votre page les instructions d'espacement avec une marque prioritaire qui bloquent les adaptations — ces fixations sont objectivement prouvables et sont considérées comme une violation. Si les deux restent discrets, le critère ne s'oppose jamais intentionnellement à un passage automatique : qu'aucune remarque ne soit faite lors du test n'est pas une preuve pour chaque site. Le jugement définitif est rendu par un humain au standard Gold.
Beispiele
Text bricht bei größeren Abständen
.teaser { height: 3.6em; overflow: hidden; line-height: 1.2; letter-spacing: 0; }.teaser { min-height: 3.6em; line-height: 1.5; }Besucher dürfen Zeilenabstand 1,5, Absatzabstand 2, Buchstabenabstand 0,12 und Wortabstand 0,16 setzen; nichts darf dann abgeschnitten werden.
- Demandez à votre agence de supprimer les instructions d'espacement avec la marque prioritaire — dans le code « !important » — des règles de conception.
- Laissez les zones de texte grandir en hauteur au lieu de leur donner des hauteurs fixes en pixels.
- Testez vos pages les plus importantes avec une extension de navigateur pour les espaces de texte — le texte visiblement coupé est un constat.
- Faites attention aux mises en page avec des cartes et des carreaux avec de courts extraits de texte — c'est là que le texte qui grandit est le plus souvent coupé.
- Prévoir des espaces de base généreux dès le départ : ce qui est mis en place aéré tolère presque toujours l'extension.