Tipografía

Crear y diseñar contenido accesible es más que elegir una fuente fácil de leer. Incluso con familias de fuentes accesibles, las personas con visión reducida, discapacidades cognitivas, del lenguaje y del aprendizaje pueden tener dificultades para procesar el texto debido a otros elementos, como las variaciones de fuente, el tamaño, el espaciado y el kerning, entre otros.

En este módulo, se analizan las consideraciones de diseño básicas para que tu contenido sea más inclusivo y llegue a más personas.

Tipo de letra

Un factor importante que puede afectar en gran medida la accesibilidad del texto es el tipo de letra. El tipo de letra y el estilo que elijas pueden marcar la diferencia en el diseño de cualquier página.

Las personas con trastornos de lectura, aprendizaje y atención, como la dislexia y el trastorno de déficit de atención e hiperactividad (TDAH), así como las personas con visión reducida, pueden beneficiarse cuando se usan tipos de letra accesibles.

Elige tipos de letra comunes. La forma más rápida de crear un diseño accesible es elegir un tipo de letra común (como Arial, Times New Roman, Calibri, Verdana y muchos otros).

Muchos estudios de tipos de letra que prueban a personas con discapacidades muestran que los tipos de letra comunes conducen a velocidades de lectura más rápidas y a un nivel de comprensión más profundo en comparación con los tipos de letra poco comunes. Si bien los tipos de letra comunes no son inherentemente más accesibles que otros, algunas personas con discapacidades tienen más facilidad para leerlos porque tienen mucha experiencia trabajando con (o alrededor de) estos tipos de letra.

Además de elegir un tipo de letra común, asegúrate de evitar los tipos de letra ornamentados o manuscritos, así como los que solo tienen un caso de caracteres disponible (por ejemplo, solo caracteres en mayúsculas). Estos tipos de letra especiales con diseños en cursiva, formas extravagantes o elementos artísticos, como líneas finas, pueden verse bien, pero son mucho más difíciles de leer para algunas personas con discapacidades que los tipos de letra comunes.

Características de las letras y espaciado entre letras

La investigación sobre si los tipos de letra Serif o Sans Serif son más fáciles de leer no es concluyente, pero ciertos números, letras o combinaciones pueden confundir a personas con discapacidades cognitivas y de aprendizaje basadas en el lenguaje. Para las personas con este tipo de discapacidades, cada letra y número debe estar claramente definido y tener características únicas, de modo que no se confundan las letras con los números.

Los infractores comunes de la legibilidad son la “I” mayúscula (India), la “l” minúscula (lechuga) y el número “1”. Del mismo modo, los pares de letras como b/d, p/q, f/t, i/j, m/w y n/u a veces pueden cambiar de izquierda a derecha o de arriba abajo para algunos lectores.

La legibilidad del texto también disminuye cuando el espaciado entre letras o elkerning es demasiado estrecho. Presta especial atención al espaciado entre letras, en especial entre el par de letras problemático r/n. De lo contrario, palabras como "hilo" podrían cambiar a "ñame" o "popa" a "tallo", lo que cambiaría por completo el significado del texto.

Las colecciones de tipos de letra de código abierto, como Google Fonts, pueden ayudarte a seleccionar el tipo de letra más inclusivo para tu próximo diseño. Si usas productos de Adobe, puedes incorporar familias de fuentes accesibles de socios de fundición directamente en tus diseños, lo que incluye algunas Google Fonts.

Cuando busques tu próximo tipo de letra, presta especial atención a lo siguiente:

  • Usa fuentes comunes siempre que sea posible.
  • Evita usar fuentes elaboradas o escritas a mano, y aquellas con solo un caso de carácter.
  • Elige un tipo de letra con características únicas y presta especial atención a la I mayúscula, la l minúscula y el 1.
  • Revisa ciertas combinaciones de letras para asegurarte de que no sean una imagen especular exacta una de la otra.
  • Verifica el espaciado entre letras, en especial entre el par de letras r y n.

Tamaño de la fuente y estilo tipográfico

A menudo, las personas suponen que elegir una familia de fuentes accesible es todo lo que se necesita para crear contenido inclusivo, pero también es importante considerar el tamaño de la fuente y cómo se aplica el diseño del texto en una página.

Por ejemplo, las personas con baja visión o daltonismo pueden no poder leer parte del texto si es demasiado pequeño y usan un zoom del navegador similar a la AT para leerlo. Otros usuarios, como los que tienen dislexia o trastornos de lectura, pueden tener dificultades para leer texto en itálica. Los lectores de pantalla suelen ignorar los métodos de diseño, como negrita y cursiva, por lo que el propósito de estos estilos no se transmite a los usuarios ciegos o con baja visión.

Qué no debes hacer
h2 {font-size: 16px;}
Qué debes hacer
h2 {font-size: 1rem;}

Dado que no puedes predecir cuáles son las necesidades de cada usuario, cuando agregues fuentes a tus sitios web y aplicaciones web, asegúrate de considerar los siguientes lineamientos:

  • Los tamaños de fuente base deben definirse con un valor relativo (%, rem o em) para permitir el cambio de tamaño.
  • Limita la cantidad de variaciones de tipo de letra, como el color, la negrita, las MAYÚSCULAS y la cursiva para aumentar la legibilidad. En su lugar, usa métodos para enfatizar palabras en tu texto, como asteriscos, guiones o destacar una palabra individual.
  • Usa lenguaje de marcado en lugar de texto en las imágenes siempre que sea posible. Los lectores de pantalla no pueden leer el texto incorporado en las imágenes (sin agregar código adicional) y el texto incorporado también puede pixelarse cuando se amplía el tamaño de los usuarios con visión reducida.

Estructura y diseño

Si bien el tipo de letra, el tamaño de la fuente y el estilo tipográfico son importantes para la tipografía accesible, la estructura y el diseño del texto en una página pueden ser igual de importantes para la comprensión de un usuario.

Los diseños complejos pueden ser una verdadera barrera para las personas con visión reducida, las discapacidades para leer y los 6.1 millones de personas en EE.UU. con TDAH. Estos tipos de discapacidades dificultan que las personas mantengan su lugar y sigan el flujo del texto debido a la falta de rutas lineales claras, la ausencia de encabezados y los elementos no agrupados.

Un aspecto importante de los diseños de diseño accesibles es hacer que los elementos fundamentales se distingan entre sí y agrupar elementos similares. Si los elementos están demasiado cerca, puede ser difícil saber dónde comienza y termina un elemento, sobre todo si tienen un diseño similar.

Piensa en tu copia como una colección de viñetas individuales en un esquema. Esto te ayudará a planificar la estructura general de la página y te permitirá usar encabezados, subtítulos y listas cuando corresponda.

Espaciado

El espacio entre párrafos, oraciones y palabras ayuda a los lectores a mantener la atención en el texto y aumenta la comprensión visual general de la página. Las líneas largas de texto pueden ser un obstáculo para los lectores con discapacidades, ya que tienen dificultades para ocupar su lugar y seguir el flujo de la copia.

Un bloque estrecho de texto facilita que los lectores pasen a la siguiente línea.

Alineación del contenido

Otra frustración para muchas personas con discapacidades es leer texto justificado. El espaciado desigual entre las palabras en el texto justificado puede hacer que se formen “ríos de espacio” en la página, lo que dificulta la lectura.

La justificación del texto también puede hacer que las palabras se agrupen o estiren de maneras poco naturales, por lo que a los lectores les puede resultar difícil encontrar límites de palabras.

Por suerte, hay lineamientos claros sobre el espaciado y las herramientas, como Buena altura de línea y la Calculadora de proporción áurea, que ayudan a que nuestra copia sea más accesible. Incorporar estos lineamientos ayuda a las personas con trastornos de déficit de atención, discapacidades visuales y de lectura a enfocarse más en el texto y menos en el diseño.

Prácticas recomendadas para la estructura y el diseño

Cuando consideres la estructura y el diseño, asegúrate de lo siguiente:

  • Usa elementos como encabezados, subtítulos, listas, números, bloques de citas y otras agrupaciones visuales para dividir la página en secciones.
  • Usa párrafos, oraciones y espacios entre palabras claramente definidos.
  • Crea columnas de texto que sean más pequeñas que 80 caracteres de ancho (40 caracteres para logogramas).
  • Evita la alineación justificada de párrafos, ya que crea "ríos de espacio" dentro del texto.

Conclusiones sobre tipografía accesibles

La tipografía accesible se puede reducir a decisiones de diseño de sentido común según tu conocimiento de las necesidades de tus usuarios. Tener en cuenta este módulo cuando diseñas y creas tu contenido te ayudará mucho a comunicarte de forma clara con la mayor cantidad de personas.

Verifica tu comprensión

Pon a prueba tus conocimientos sobre la medición de la accesibilidad

Para que el texto sea legible, siempre debo usar un contraste alto entre el texto y el fondo.

Falso
Verdadero

¿Qué fuentes son las mejores para la accesibilidad?

No importa.
Fuentes del sistema, como Arial y Verdana
Tipos de letra accesibles