Version 2.0Revised & Expanded 2026

The Universal Web.

Typographic guidelines for screen-based text accessibility. Begun at the Rhode Island School of Design with Markle Foundation support, and revised here for the modern web: high-density displays, variable fonts, WCAG 2.2, and two decades of new legibility research.

The original findings are preserved as published in the Version 1 archive — Research from 2005.

Contents

  1. 01IntroductionA twenty-year revision of the Universal Web guidelines: retesting 2005-era typographic accessibility findings against high-density displays, variable fonts, WCAG 2.2, and the modern responsive web.5 min read
  2. 021.0 The LetterThe design factors that govern letterform legibility on screen — style, weight, slant, width, and spacing — updated for high-density rendering, aperture research, and variable font axes.6 min read
  3. 031.1 Font StyleWhy the 2005 rule 'use sans serif on screen' no longer holds on high-resolution displays — and what to evaluate instead: x-height, apertures, letter distinction, and rendering quality.5 min read
  4. 041.2 Font SizeFrom a fixed 14-point minimum to a resilient system: 16px as the body-text floor, rem-based sizing that honors user preferences, WCAG 1.4.4 resize requirements, and fluid scaling with clamp().6 min read
  5. 051.3 Font WeightThe regular-to-slightly-bold rule, rebuilt for 2026: continuous variable weight axes, dark-mode weight compensation with grades, the thin-weight fashion problem, and how weight interacts with WCAG contrast.6 min read
  6. 061.4 Font SlantUpright Roman letterforms remain the right choice for continuous text; italics belong in short emphasis spans, and true italics beat synthetic obliques every time.6 min read
  7. 071.5 Font WidthRegular to slightly condensed widths remain most legible; the variable wdth axis now makes width a responsive design tool, provided you never fake it with horizontal scaling.6 min read
  8. 081.6 Selected TypefacesChoose typefaces by measurable legibility criteria — x-height, apertures, character distinction, spacing — rather than by name, and treat 'accessible font' marketing claims with informed skepticism.6 min read
  9. 092.0 The WordWord-level readability for screen reading — case, spacing, measure, hierarchy, and plain writing — grounded in the modern understanding of how eyes and minds actually read.6 min read
  10. 102.1 Word CaseSentence case remains right for continuous text — but the word-shape explanation is dead; readers recognize letters in parallel, and all caps reads slower for reasons of practice and letter similarity, not silhouette.6 min read
  11. 112.2 Kerning and Word SpacingHow kerning and word spacing shape reading on screen, why justified text still fails without hyphenation, and what WCAG 1.4.12 requires of your spacing decisions.6 min read
  12. 122.3 TrackingLetter-spacing is size-dependent: it helps small caps and labels, usually hurts body text, and must tolerate the user overrides WCAG 1.4.12 guarantees.6 min read
  13. 132.4 Line HeightLeading for screen reading: unitless CSS line-height, the WCAG 1.4.12 requirement to tolerate 1.5, and why the right value depends on line length.6 min read
  14. 142.5 Line LengthThe 55–65 character measure holds up two decades later, now expressible directly in CSS with ch units and bounded by WCAG's 80-character guidance and 320px reflow requirement.6 min read
  15. 152.6 Font HierarchiesType hierarchy in 2026: modular and fluid scales with clamp(), structural heading semantics required by WCAG 1.3.1, and hierarchy built from weight and space rather than size alone.6 min read
  16. 163.0 Color and ContrastHow contrast ratios work, where the WCAG 2.x math falls short, and why more contrast is not always better for every reader.6 min read
  17. 173.1 Dark Mode and Reading SurfacesWhat display polarity research says about light and dark reading surfaces, who each serves, and how to build a dark theme that stays legible.6 min read
  18. 183.2 Variable FontsHow variable fonts turn weight, width, and optical size into continuous instruments for legibility, performance, and reader personalization.6 min read
  19. 193.3 Fluid and Responsive TypographyHow fluid type scales, container queries, and modern CSS text controls can serve every screen without overriding the reader's own settings.6 min read
  20. 203.4 Motion and ReadingWhy moving text is unreadable text, how animation can physically harm vestibular-sensitive readers, and what respectful motion looks like.6 min read
  21. 213.5 Reading and CognitionCognitive accessibility for text: plain language, the honest evidence on dyslexia fonts, and personalization as the real frontier.6 min read