Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung
Accessibilité
Quelle présentation de texte facilite la lecture des longues pages?
De longues lignes, des blocs avec des lacunes et un espacement étroit rendent le texte épuisant pour les personnes ayant une déficience de lecture, une déficience visuelle ou des problèmes de concentration. Niveau AAA Critère 1.4.8 spécifie cinq propriétés qui peuvent rencontrer des blocs de texte ou que les visiteurs peuvent définir eux-mêmes: couleurs sélectionnables, lignes jusqu'à 80 caractères, phrase alignée à gauche, espacement des lignes d'au moins 1,5 et grossissement à 200 % sans défilement horizontal.
Les cinq exigences
Tout d'abord: les couleurs de premier plan et d'arrière-plan peuvent être choisies par le visiteur, par exemple via un mode de contraste ou le réglage du navigateur qui respecte la page. Deuxièmement, une ligne de texte mesure au maximum 80 caractères (40 caractères chinois, japonais ou coréens). Troisièmement, le texte est aligné à gauche, pas dans les blocs. Quatrièmement, l'espacement des lignes est au moins 1,5 fois la taille de la police, l'espacement des paragraphes est au moins 1,5 fois l'espacement des lignes. Cinquièmement: le texte peut être agrandi à 200 % sans technologie auxiliaire, sans devoir faire défiler une ligne horizontalement.
Pourquoi 80 caractères
L'œil saute de mot en mot dans les phrases et doit trouver le début de la ligne suivante à la fin de la ligne. Plus la ligne est longue, plus elle tourne mal, en particulier avec une faible vision ou une dyslexie. 45 à 75 caractères sont considérés comme lisibles puisque la typographie du livre; 80 est la limite supérieure du critère. Sur des écrans larges cela signifie: Le bloc de texte obtient une largeur maximale fixe, le reste reste bord.
C'est comme ça qu'on s'y prend
La largeur, l'alignement, l'espacement et le comportement de la ligne à 200 % peuvent être mesurés à l'état rendu; Le service d'essai mesure déjà la base de cette mesure (écoulement à 320 pixels, 1.4.10). La sélection des couleurs dépend de l'implémentation et est jugée par une personne. Le critère appartient à la catégorie AAA en matière de connaissances.
Exemples
Lignes longues dans le bloc
.text { text-align: justify; line-height: 1.2; }
/* Zeilen mit 130 Zeichen auf breiten Bildschirmen */.text { max-width: 70ch; text-align: left; line-height: 1.5; }
.text p + p { margin-top: 1.5em; }Un maximum de 80 caractères par ligne, alignée à gauche, espacement des lignes 1,5, espacement des talons 1,5 fois et pas de défilement latéral à 200 %.
- Limiter le texte de flux à une largeur maximale d'environ 65 à 75 caractères; Cela correspond à environ 640 pixels pour la police de 16 pixels.
- Régler le texte aligné et l'espacement des lignes à 1,5; les paragraphes doivent comporter au moins un espacement des lignes vierges.
- Testez la page à 200 pour cent de zoom du navigateur: Chaque ligne doit rester lisible sans défilement horizontal.
- Respectez les paramètres de couleur du système d'exploitation ou offrez un mode de contraste élevé.
