Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung
Accesibilidad
¿Qué presentación de texto hace más fácil leer páginas largas?
Líneas largas, bloques con huecos y espaciamiento de líneas estrechas hacen que el texto sea agotador para las personas con problemas de lectura, deterioro visual o concentración. Nivel AAA Criterion 1.4.8 especifica cinco propiedades que pueden cumplir bloques de texto o que los visitantes pueden establecerse: colores seleccionables, líneas de hasta 80 caracteres, frase alineada izquierda, espaciamiento de línea de al menos 1,5 y aumento a 200 por ciento sin desplazamiento horizontal.
Las cinco necesidades
Primero: Los colores del primer plano y de fondo pueden ser elegidos por el visitante, por ejemplo a través de un modo de contraste o la configuración del navegador que respeta la página. En segundo lugar, una línea de texto es a la mayoría de 80 caracteres de ancho (40 para caracteres chinos, japoneses o coreanos). En tercer lugar, el texto está alineado con la izquierda, no en bloques. Cuarto, el espaciamiento de la línea es al menos 1,5 veces el tamaño de la fuente, el espaciamiento del párrafo es al menos 1,5 veces el espaciamiento de la línea. Quinto: El texto puede ampliarse al 200 por ciento sin tecnología auxiliar, sin tener que desplazar una línea horizontalmente.
Por qué 80 caracteres
El ojo salta de palabra a palabra en oraciones y debe encontrar el comienzo de la siguiente línea al final de la línea. Cuanto más larga sea la línea, más a menudo va mal, especialmente con baja visión o dislexia. 45 a 75 caracteres se consideran legibles desde la tipografía del libro; 80 es el límite superior del criterio. En pantallas anchas esto significa: El bloque de texto tiene un ancho máximo fijo, el resto permanece borde.
Así es como nos ocupamos de ello
El ancho de línea, la alineación, el espaciamiento de la línea y el comportamiento al 200 por ciento se pueden medir en el estado renderizado; El servicio de prueba ya mide la base para esto (flujo en 320 píxeles, 1.4.10). Si los colores son seleccionables depende de la implementación y es juzgado por una persona. El criterio pertenece a la categoría AAA en conocimiento.
Ejemplos
Long lines in the block set
.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 máximo de 80 caracteres por línea, alineado izquierdo, espaciamiento de línea 1,5, espaciamiento de talón 1,5 veces, y ningún lado desplazando al 200 por ciento.
- Limite el texto de flujo a una anchura máxima de aproximadamente 65 a 75 caracteres; Esto corresponde a alrededor de 640 píxeles para 16 pixel fuente.
- Establecer el texto izquierdo alineado y la línea espaciamiento a 1.5; Los párrafos tendrán al menos una línea en blanco espaciamiento.
- Prueba la página en el zoom del navegador del 200 %: Cada línea debe permanecer legible sin desplazamiento horizontal.
- Respetar la configuración de color del sistema operativo o ofrecer un modo de contraste alto.
