Versión 2.0 — Revisada y ampliada en 2026

La Web Universal.

Pautas tipográficas para la accesibilidad del texto en pantalla. Iniciado en la Rhode Island School of Design con el apoyo de la Markle Foundation, y revisado aquí para la web moderna: pantallas de alta densidad, fuentes variables, WCAG 2.2 y dos décadas de nueva investigación sobre legibilidad.

Esta página fue traducida con asistencia de IA. El original en inglés es la versión autorizada.

Índice

  1. 01IntroducciónUna revisión a veinte años de las pautas de la Web Universal: volver a poner a prueba los hallazgos de accesibilidad tipográfica de la era 2005 frente a las pantallas de alta densidad, las fuentes variables, WCAG 2.2 y la web adaptable moderna.6 min read
  2. 021.0 La letraLos factores de diseño que gobiernan la legibilidad de las formas de las letras en pantalla — estilo, peso, inclinación, anchura y espaciado — actualizados para el renderizado de alta densidad, la investigación sobre aberturas y los ejes de las fuentes variables.7 min read
  3. 031.1 Estilo de la fuentePor qué la regla de 2005 'use sans serif en pantalla' ya no se sostiene en las pantallas de alta resolución — y qué evaluar en su lugar: altura de la x, aberturas, distinción de letras y calidad de renderizado.7 min read
  4. 041.2 Tamaño de fuenteDe un mínimo fijo de 14 puntos a un sistema resiliente: 16px como suelo para el texto de cuerpo, dimensionado en rem que honra las preferencias del usuario, los requisitos de redimensionado de WCAG 1.4.4 y el escalado fluido con clamp().7 min read
  5. 051.3 Peso de la fuenteLa regla de regular a levemente negrita, reconstruida para 2026: ejes de peso variables continuos, compensación de peso en modo oscuro con grados, el problema de la moda de los pesos finos y cómo el peso interactúa con el contraste de las WCAG.7 min read
  6. 061.4 Inclinación de la fuenteLas formas de letra redondas y verticales siguen siendo la elección correcta para el texto continuo; las cursivas pertenecen a tramos breves de énfasis, y las cursivas verdaderas superan siempre a las oblicuas sintéticas.7 min read
  7. 071.5 Anchura de la fuenteLas anchuras de regular a levemente condensada siguen siendo las más legibles; el eje variable wdth convierte ahora la anchura en una herramienta de diseño adaptable, siempre que nunca se falsifique con escalado horizontal.7 min read
  8. 081.6 Tipografías seleccionadasElija las tipografías por criterios de legibilidad medibles — altura de la x, aberturas, distinción de caracteres, espaciado — en lugar de por nombre, y trate las afirmaciones publicitarias de 'fuente accesible' con escepticismo informado.7 min read
  9. 092.0 La palabraLa facilidad de lectura a nivel de palabra en pantalla — caja, espaciado, medida, jerarquía y escritura llana — fundamentada en la comprensión moderna de cómo leen realmente los ojos y las mentes.7 min read
  10. 102.1 La caja de las palabrasLa caja de oración sigue siendo la correcta para el texto corrido — pero la explicación de la silueta de la palabra está muerta; los lectores reconocen las letras en paralelo, y las mayúsculas sostenidas se leen más despacio por razones de práctica y similitud entre letras, no de silueta.8 min read
  11. 112.2 Kerning y espaciado entre palabrasCómo el kerning y el espaciado entre palabras dan forma a la lectura en pantalla, por qué el texto justificado sigue fallando sin partición de palabras, y qué exige WCAG 1.4.12 de sus decisiones de espaciado.7 min read
  12. 122.3 InterletrajeEl interletraje depende del tamaño: ayuda a las versalitas y las etiquetas, suele perjudicar al texto de lectura, y debe tolerar los ajustes del usuario que garantiza WCAG 1.4.12.7 min read
  13. 132.4 InterlineadoEl interlineado para la lectura en pantalla: line-height sin unidades en CSS, el requisito de WCAG 1.4.12 de tolerar 1.5, y por qué el valor correcto depende de la longitud de línea.7 min read
  14. 142.5 Longitud de líneaLa medida de 55–65 caracteres se sostiene dos décadas después, ahora expresable directamente en CSS con unidades ch y acotada por la pauta de 80 caracteres de las WCAG y el requisito de reflujo a 320px.7 min read
  15. 152.6 Jerarquías tipográficasLa jerarquía tipográfica en 2026: escalas modulares y fluidas con clamp(), semántica estructural de encabezados exigida por WCAG 1.3.1, y jerarquía construida con peso y espacio en lugar de solo tamaño.7 min read
  16. 163.0 Color y contrasteCómo funcionan las relaciones de contraste, dónde se queda corta la matemática de WCAG 2.x y por qué más contraste no siempre es mejor para todos los lectores.7 min read
  17. 173.1 Modo oscuro y superficies de lecturaQué dice la investigación sobre polaridad de pantalla acerca de las superficies de lectura claras y oscuras, a quién sirve cada una y cómo construir un tema oscuro que siga siendo legible.7 min read
  18. 183.2 Fuentes variablesCómo las fuentes variables convierten el peso, la anchura y el tamaño óptico en instrumentos continuos para la legibilidad, el rendimiento y la personalización del lector.7 min read
  19. 193.3 Tipografía fluida y adaptableCómo las escalas de tipo fluidas, las container queries y los controles de texto del CSS moderno pueden servir a todas las pantallas sin anular los ajustes propios del lector.7 min read
  20. 203.4 Movimiento y lecturaPor qué el texto en movimiento es texto ilegible, cómo la animación puede dañar físicamente a los lectores con sensibilidad vestibular, y cómo es el movimiento respetuoso.7 min read
  21. 213.5 Lectura y cogniciónAccesibilidad cognitiva para el texto: lenguaje llano, la evidencia honesta sobre las fuentes para dislexia, y la personalización como la verdadera frontera.7 min read