Tipografía

Crear y diseñar contenido accesible es más que solo elegir fuente fácil de leer. Incluso con familias de fuentes accesibles, las personas con baja visión, las discapacidades cognitivas, lingüísticas y de aprendizaje pueden tener dificultades para procesar el texto. debido a otros elementos, como las variaciones de la fuente, el tamaño, el espaciado y el interletraje, a nombrar algunos. En este módulo, veremos consideraciones de diseño básicas tu contenido sea más inclusivo y llegue a más personas.

Tipo de letra

Un factor importante que puede tener un fuerte impacto en la accesibilidad al texto es el tipo de letra. Tu elección de tipo de letra y estilo puede hacer o dañar cualquier diseño de página.

Las personas con trastornos de la lectura, el aprendizaje y la atención, como la dislexia y el trastorno de déficit de atención con 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 (por ejemplo, Arial, Times New Roman, Calibri, Verdana y muchos otros).

Muchos estudios de tipos de letra que prueban personas con discapacidad muestran que los tipos de letra comunes conducen a velocidades de lectura más rápidas y un nivel de comprensión más profundo en comparación con tipos de letra poco comunes. Si bien estos tipos de letra comunes no son intrínsecamente más accesibles que otros tipos de letra, a algunas personas con discapacidades les resulta más fácil leerlos porque han tenido mucha experiencia al trabajar con estos tipos de letra (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 tienen disponible solo un tipo de letra (por ejemplo, solo caracteres en mayúscula). Estos tipos de letra especiales con diseños en cursiva, formas extravagantes o características artísticas, como líneas delgadas, pueden verse bien, pero algunas personas con discapacidades pueden leerlos mucho más que los tipos de letra comunes.

Características de las letras y interletraje

La investigación sobre si los tipos de letra serif o sans serif son más fáciles de read no es concluyente, pero ciertos números, letras o combinaciones pueden ser confusos personas con discapacidades cognitivas y aprendizaje basado en el lenguaje. Para las personas con este tipo de discapacidad, cada letra y número debe estar claramente definidos y tienen características únicas, de modo que las letras no se confundan con números.

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

La legibilidad de la copia también disminuye cuando el espacio entre las letras o el interlineado son demasiado con firmeza. Presta especial atención al interletraje, en especial entre par de letras r/n. De lo contrario, las palabras como "yarn" podría cambiar a "yam" o "stern" a "stem", 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 fundry. socios directamente en tus diseños, esto incluye Google Fonts.

Cuando estés buscando 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 que solo tengan una letra mayúscula.
• Elige un tipo de letra con características únicas, prestando especial atención a la I mayúscula, la l minúscula y la 1.
• Revisa ciertas combinaciones de letras para asegurarte de que no sean una imagen espejada exacta de la otra.
• Comprueba el interletraje, especialmente entre el par de letras r/n.

Tamaño de fuente y estilo tipográfico

A menudo, las personas suponen que elegir una familia de fuentes accesible es todo lo que hay que hacer para crear contenido inclusivo, pero también es importante tener en cuenta el tamaño de fuente y cómo se da estilo al texto en una página.

Por ejemplo, es posible que las personas con visión reducida o daltonismo no puedan leer parte del texto si es demasiado pequeño y usan una AT, como el zoom del navegador, para leerlo. Mientras que otros usuarios, como los que padecen dislexia o trastornos de la lectura, pueden tener problemas para leer el texto en cursiva. Los lectores de pantalla a menudo ignoran los métodos 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;}

Dado que no puedes predecir cuáles son las necesidades de cada usuario, cuando agregues fuentes a tus productos digitales, 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 y permitir un cambio de tamaño sencillo.
• Limita la cantidad de variaciones del tipo de letra, como color, negrita, TODO EN MAYÚSCULAS, cursiva para mejorar la legibilidad. En cambio, usa métodos para enfatizar palabras en tu copia, como asteriscos, guiones o resaltar una palabra individual.
• Siempre que sea posible, usa lenguaje de marcado en lugar de texto en las imágenes. Los lectores de pantalla no pueden leer texto incorporado en las imágenes (sin código adicional agregado) y texto incorporado también pueden pixelarse cuando se amplían con usuarios con baja visión.

Estructura y diseño

Si bien el tipo de letra, el tamaño de fuente y el estilo tipográfico son importantes para el acceso la tipografía, estructura y el diseño de una copia en un 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 o la lectura discapacidades y los 6.1 millones de personas en EE.UU. con TDAH. Este tipo de discapacidad hace que sea más difícil para las personas mantener su lugar y seguir el flujo de la copia debido a la falta de recorridos lineales claros, encabezados faltantes y elementos sin agrupar.

Un aspecto importante de los diseños de diseño accesibles es hacer que los elementos críticos distintos entre sí y agrupando elementos similares. Si el botón están demasiado cerca, puede ser difícil saber dónde comienza y termina, especialmente 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 títulos, subtítulos y listas cuando corresponda.

Espaciado

El párrafo, las oraciones y el espaciado entre palabras también son importantes, ya que ayudan a los lectores a no perder de vista el texto y contribuyen a la comprensión visual general de la página. Las largas líneas de texto pueden ser un obstáculo para los lectores con discapacidades, ya que tienen dificultades para mantener su lugar y seguir el flujo de la copia. Un bloque de texto estrecho facilita a los lectores pasar a la siguiente línea.

Alineación del contenido

Otra frustración para muchas personas con discapacidades es que la lectura se justifica copia. El espaciado desigual entre las palabras en el texto justificado puede causar "ríos de espacio" para dar forma a toda la página, lo que hace que la copia sea difícil de leer.

La justificación del texto también puede hacer que las palabras se agrupen o estiran de formas antinaturales, para que a los lectores les resulte difícil localizar las palabras límites.

Por suerte, hay lineamientos claros sobre el espaciado y las herramientas, como una altura de línea adecuada y la calculadora de proporción áurea para que el texto sea más accesible. La incorporación de estas pautas ayuda a las personas con trastornos de déficit de atención y discapacidades basadas en la lectura y en la visión a centrarse 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 comillas y otras agrupaciones visuales para dividir la página en secciones.
• Usa párrafos, oraciones y espacios entre palabras claramente definidos.
• Crear columnas de texto que no superen los 80 caracteres de ancho (40 caracteres para los logogramas).
• Evitar la alineación justificada de párrafos, lo que crea "ríos de espacio" dentro de la copia.

Conclusiones sobre tipografía accesibles

La tipografía accesible se puede reducir a elecciones de diseño de sentido común basadas en según el conocimiento que tienes sobre las claves necesidades empresariales. Tener en cuenta este módulo diseñar y desarrollar tu contenido te ayudará en gran medida comunicarte claramente con la mayor cantidad de personas.

Verifica tus conocimientos

Pon a prueba tus conocimientos sobre cómo medir la accesibilidad