Presentación visual

Qué exige este criterio

Para el contenido textual de formato largo, este criterio de conformidad agrupa cinco requisitos: los usuarios pueden elegir los colores de primer plano y fondo; la longitud de línea no supera los 80 caracteres (40 para chino, japonés y coreano); el texto no tiene justificación completa; el interlineado es de al menos 1,5 dentro de los párrafos y el espaciado entre párrafos es de al menos 1,5 veces la altura de línea; y el texto puede ampliarse al 200 % sin desplazamiento horizontal ni necesidad de tecnología de apoyo.

Cómo cumplirlo

• Limitar las columnas de lectura a aproximadamente 60-75 caracteres por línea en texto de cuerpo en español.
• Utilizar texto alineado a la izquierda (o a la derecha para idiomas con escritura de derecha a izquierda), sin recurrir nunca a text-align: justify.
• Establecer line-height en al menos 1,5 en el texto de cuerpo y usar un margin-bottom generoso entre párrafos.
• Ofrecer un selector de tema configurable por el usuario o respetar prefers-color-scheme, de modo que los colores de primer plano y fondo sean controlables por el usuario.
• Verificar al 200 % de zoom: el texto debe reajustarse dentro de la columna sin desplazamiento horizontal.

Fallos habituales

• Columnas con justificación completa al estilo revista, que generan ríos de espacio en blanco y dificultan la lectura.
• Texto de cuerpo presentado en contenedores anchos con más de 120 caracteres por línea.
• Texto de cuerpo con line-height: 1.2 que apila las líneas demasiado juntas y dificulta la lectura a personas con baja visión.
• Ausencia de selector de tema y falta de respuesta a prefers-color-scheme.

Por qué es importante

Se trata de un criterio AAA, raramente exigido por contrato. No obstante, el consejo subyacente — líneas cortas, espaciado generoso, sin justificación completa — constituye simplemente buena tipografía. Cumplir este criterio de conformidad es consecuencia natural de diseñar para la legibilidad y no para la densidad.