Tipografías predeterminadas
Este sitio usa tres tipografías hechas para la accesibilidad:
- Lexend — la predeterminada. Diseñada por Bonnie Shaver-Troup y Thomas Jockin para que la lectura sea más rápida y fácil. Licencia SIL OFL 1.1.
- OpenDyslexic — letras pesadas y firmes que reducen la inversión de letras para personas lectoras con dislexia. Licencia Bitstream Vera Fonts.
- Atkinson Hyperlegible — cada letra se ve única, incluso en tamaños pequeños. Creada por el Braille Institute. Licencia SIL OFL 1.1.
Las tres tipografías se sirven desde este servidor — sin solicitudes a CDN de terceros. Esto protege la privacidad de las personas visitantes, lo que importa para personas usuarias de gobierno y organizaciones sin fines de lucro. Cambia entre ellas con los botones de tipografía en el pie de página.
Paleta tipográfica
LexendEl veloz zorro marrón salta sobre el perro perezoso.Predeterminada · TDAH · Dispraxia · DID · TOC
OpenDyslexicEl veloz zorro marrón salta sobre el perro perezoso.Dislexia · Dispraxia
Atkinson HyperlegibleEl veloz zorro marrón salta sobre el perro perezoso.TEA · Tourette · Etiquetas de interfaz
Espaciado y diseño por tipografía
Cada tipografía se diseñó con proporciones distintas. Cambiar la tipografía sin ajustar el espaciado puede romper la legibilidad. Este sitio aplica los siguientes ajustes automáticamente cuando se elige una tipografía:
Lexend (predeterminada)
- Altura de línea: 1.6 — suficiente para escanear, sin perder coherencia.
- Espaciado entre letras: predeterminado (0) — Lexend trae su propia calibración.
- Tamaño base: 1.0625rem (17px).
- Mejor para: texto del cuerpo, prosa larga, navegación, etiquetas de formulario.
Atkinson Hyperlegible
- Altura de línea: 1.72 — un poco más alta para evitar que astas ascendentes y descendentes choquen.
- Espaciado entre letras: 0.012em — abre un poco cada carácter para preservar sus formas distintivas.
- Tamaño: sin cambios respecto a la base de Lexend.
- Mejor para: códigos, etiquetas, campos de formulario, navegación — cualquier lugar donde leer mal un carácter cueste.
OpenDyslexic
- Altura de línea: 1.9 — los pies más pesados necesitan más aire vertical.
- Espaciado entre letras: 0.025em — más aire entre letras reduce el apiñamiento.
- Espaciado entre palabras: 0.12em — separaciones algo más anchas hacen claro el límite entre palabras.
- Tamaño base: 1.125rem (18px) — un escalón mayor, ya que el peso adicional se beneficia de un lienzo más grande.
- Mejor para: texto del cuerpo para personas lectoras con dislexia. Ofrécela como opción opcional; no la impongas como predeterminada.
Qué tipografía ayuda a cada grupo
| Condición | Mejor tipografía | Respaldo | Qué hace la tipografía | Por qué ayuda |
|---|---|---|---|---|
| Dislexia | OpenDyslexic | Atkinson Hyperlegible | Pies pesados, formas asimétricas | Evita que la b, d, p y q se inviertan o se reflejen en la mente de la persona lectora. |
| TDAH | Lexend | Atkinson Hyperlegible | Espaciado más amplio y fluido | Las letras no se apiñan. Los ojos que saltan se quedan en la línea. |
| Dispraxia | Lexend | OpenDyslexic | Letras anchas, separaciones claras entre palabras | Anclas distintas para cada palabra. Las letras no se mezclan. |
| Autismo (TEA) | Atkinson Hyperlegible | Lexend | Letras predecibles, hiperdistintas | Elimina la ambigüedad. Cada símbolo se ve diferente. |
| DID | Lexend | Atkinson Hyperlegible | Neutra, calma, estructurada | Formas estables y predecibles dan una lectura sin fricción durante la desorientación. |
| TOC | Lexend | Atkinson Hyperlegible | Cuadrícula pareja y simétrica | El orden visual claro alivia la ansiedad que dispara un texto desigual. |
| Tourette / Tics | Atkinson Hyperlegible | Lexend | Altura x grande, ganchos marcados | Las minúsculas grandes ayudan a que los ojos vuelvan al mismo punto tras un tic. |
Para qué destaca cada tipografía
OpenDyslexic
- Truco: pies pesados, con gravedad, que anclan las letras.
- Mejor uso: ofrécela como opción seleccionable por la persona usuaria para el texto del cuerpo. Es poco tradicional; no la impongas como predeterminada — pero es invaluable cuando se ofrece.
- Página del proyecto: opendyslexic.org
Atkinson Hyperlegible
- Truco: cada carácter se ve distinto a todos los demás.
- Mejor uso: hecha por el Braille Institute. Mejor para elementos de interfaz — códigos, etiquetas, números, campos de formulario, navegación — donde leer mal un solo carácter le cuesta a la persona usuaria.
- Página del proyecto: brailleinstitute.org/freefont
Lexend
- Truco: espaciado escalado a partir de investigación de fluidez lectora.
- Mejor uso: una buena tipografía predeterminada para un sitio. Se ve limpia y moderna, y mejora silenciosamente la velocidad de lectura para personas usuarias con TDAH, dislexia y dispraxia desde el primer momento.
- Página del proyecto: lexend.com
Por qué esto también ayuda a todas las personas — el efecto de la rampa
Cuando las ciudades hicieron rampas suaves en las aceras para personas usuarias de silla de ruedas, las rampas ayudaron a todas las personas: madres y padres con cochecitos, viajeras con maletas, repartidores. Lo mismo ocurre con la tipografía.
- Menos fatiga mental. El espaciado más amplio de Lexend hace que el cerebro use menos microesfuerzo para separar palabras.
- Ayuda en momentos duros. Atkinson Hyperlegible mantiene distintos el 1, la l minúscula y la I mayúscula bajo sol intenso o en un tren que vibra.
- Ojos que envejecen. Atkinson y Lexend siguen siendo legibles a tamaños más pequeños para personas con presbicia.
- Corrección de pruebas más rápida. Las formas distintas hacen que los caracteres faltantes o los números cambiados salten a la vista.