Crear y diseñar contenido accesible es mucho 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 de aprendizaje pueden tener dificultades para procesar el texto debido a otros elementos, como variantes de fuente, tamaño, espaciado y kerning, por nombrar algunos.
En este módulo, se analizan 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 de la copia es el tipo de letra. La elección del tipo de letra y el estilo pueden determinar el éxito o el fracaso del 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 usas 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 discapacidad muestran que los tipos de letra comunes generan velocidades de lectura más rápidas y 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 intrínsecamente más accesibles que otros, algunas personas con discapacidades tienen más facilidad para leerlos porque tienen mucha experiencia trabajando con ellos (o en torno a ellos).
Además de elegir un tipo de letra común, asegúrate de evitar los tipos de letra ornamentados o escritos a mano, así como los que solo tienen disponible un caso de carácter (por ejemplo, solo caracteres en mayúscula). Estos tipos de letra especiales con diseños cursivos, formas extravagantes o funciones artísticas, 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 kerning
La investigación sobre si los tipos de letra con serif o sin serif son más fáciles de leer no es concluyente, pero ciertos números, letras o combinaciones pueden confundir a las personas con discapacidades cognitivas y de aprendizaje basadas en el lenguaje. Para las personas con estos tipos de discapacidades, cada letra y número deben estar claramente definidos y tener características únicas, de modo que las letras no se confundan con los números.
Los infractores comunes de 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 y d, p y
q, f y t, i y j, m y w, y n y u pueden aparecer invertidos,
ya sea de izquierda a derecha o de arriba abajo, para algunos lectores.
La legibilidad de la copia también disminuye cuando el espaciado entre letras o el kerning es demasiado ajustado. Presta especial atención al kerning, en especial entre el par de letras problemático r/n. De lo contrario, palabras como "yarn" podrían cambiar a "yam" o "stern" a "stem", lo que cambiaría por completo el significado de la copia.
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 fuentes de Google Fonts seleccionadas .
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 entre sí.
- Verifica el kerning, 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 tener en cuenta el tamaño de la fuente y cómo se aplica el estilo al texto en una página.
Por ejemplo, las personas con visión reducida o daltonismo pueden no poder leer parte de la copia si es demasiado pequeña y usar una tecnología de asistencia, como el zoom del navegador, para leerla. Otros usuarios, como aquellos con dislexia o trastornos de lectura, pueden tener problemas para leer texto en cursiva. Los lectores de pantalla suelen ignorar los métodos de aplicación de estilo, como la negrita y la cursiva, por lo que la intención de estos estilos no se transmite a los usuarios ciegos o con visión reducida.
h2 {font-size: 16px;}h2 {font-size: 1rem;}Como no puedes predecir cuáles son las necesidades de cada usuario, cuando agregues fuentes a tus sitios web y aplicaciones web, asegúrate de tener en cuenta 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 color, negrita, TODO EN MAYÚSCULAS y cursiva, para aumentar la legibilidad. En su lugar, usa métodos para destacar palabras en tu copia, 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 código adicional agregado), y el texto incorporado también puede pixelarse cuando las personas con visión reducida lo amplían.
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 de la copia en una página pueden ser igualmente importantes para la comprensión del usuario.
Los diseños complejos pueden ser una verdadera barrera para las personas con visión reducida, discapacidades de lectura y las 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 de la copia debido a la falta de rutas lineales claras, la falta de encabezados y los elementos no agrupados.
Un aspecto importante de los diseños accesibles es hacer que los elementos críticos sean distintos entre sí y agrupar los elementos similares. Si los elementos están demasiado cerca, puede ser difícil saber dónde comienza y termina uno, en especial si tienen un estilo 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 sea apropiado.
Espaciado
El espaciado entre párrafos, oraciones y palabras ayuda a los lectores a mantener la atención en la copia y contribuye a la comprensión visual general de la página. Las líneas largas de copia pueden ser una barrera para los lectores con discapacidades, ya que tienen problemas para mantener su lugar y seguir el flujo de la copia.
Un bloque de copia estrecho facilita que los lectores continúen con la siguiente línea.
Alineación del contenido
Otra frustración para muchas personas con discapacidades es leer copias justificadas. El espaciado desigual entre las palabras en la copia justificada puede hacer que se formen "ríos de espacio" en la página, lo que dificulta la lectura de la copia.
La justificación del texto también puede hacer que las palabras se agrupen o se estiren de formas poco naturales, por lo que los lectores pueden tener dificultades para ubicar los límites de las palabras.
Afortunadamente, existen lineamientos claros sobre el espaciado y herramientas como Good Line-Height y la Calculadora de la proporción áurea para ayudar a que nuestra copia sea más accesible. La incorporación de estos lineamientos ayuda a las personas con trastornos de déficit de atención, lectura y discapacidades visuales a centrarse más en la copia 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 espaciado entre palabras claramente definidos.
- Crea columnas de copia que tengan menos de 80 caracteres de ancho (40 caracteres para logogramas).
- Evita la alineación de párrafos justificada, que crea "ríos de espacio" dentro de la copia.
Conclusiones sobre la tipografía accesible
La tipografía accesible se puede reducir a decisiones de diseño de sentido común basadas en tu conocimiento de las necesidades de los usuarios. Tener en cuenta este módulo mientras diseñas y desarrollas tu contenido te ayudará a comunicarte con claridad con la mayor cantidad de personas.