uFonts

Design for Everyone

What Makes a Font Accessible? (Hint: It's Not Just Making It Bigger)

Around 2.2 billion people worldwide have some form of vision impairment. Around 10% of the population is dyslexic. And a significant proportion of your users are reading on phones in bright sunlight on moving trains. Accessible typography isn't a nice-to-have. It's basic competence.

There's a persistent myth in design circles that accessible typography means sacrificing aesthetics — that readable equals boring, that accessible equals clinical. This is, to put it charitably, nonsense. Some of the most beautiful typefaces ever made are also supremely readable. The font designers who produced them weren't working around accessibility as a constraint; they were pursuing excellence, and readable letterforms are a component of excellent type design.

What makes a font accessible isn't one thing. It's a constellation of factors that interact with each other and with the rendering environment. Let's go through them properly.

Character disambiguation: the big one

Can you tell the difference between the capital letter I, the lowercase letter l, and the number 1 in this sentence? In some fonts, the answer is no — and that's a genuine accessibility failure, not an aesthetic quirk. The same problem crops up with 0 (zero) and O (letter O), with rn and m, with Il and ll. Fonts designed with accessibility in mind use distinct forms for these easily-confused characters: a capital I with serifs, or a lowercase L with a curved tail, or a zero with a dot or slash through it.

Character pairs to check in any font
  • Il1 — capital I, lowercase l, number one
  • 0O — zero vs capital O
  • rn vs m — can look identical in certain fonts at small sizes
  • G6 — similar forms in some grotesque families
  • S5 — particularly at low resolution

Letterform openness: apertures and counters

The "aperture" of a letter is the degree to which its interior spaces — the gaps in letters like C, S, G, and a — are open to the outside. A high-aperture design leaves these gaps wide and clear. A low-aperture design closes them up, making the letter more self-contained and geometric. Low aperture looks modern and elegant on a large poster. At body text sizes, on screen, at low contrast, it's a readability nightmare because similar letterforms start to blur together.

"Counters" are the fully enclosed spaces inside letters: the hole in O, the upper bowl of B, the enclosed space in e and a. At small sizes, closed counters can fill in, turning the interior space into an ink blob. Fonts with generous open counters maintain legibility longer as size decreases.

"Readable at 60pt doesn't mean readable at 11pt. A font that only works big isn't working — it's just not failing visibly yet."

Stroke contrast: how much is too much?

Stroke contrast refers to the difference between the thick and thin parts of a letterform. High-contrast typefaces — think Bodoni, think Didot — have thick vertical strokes and near-hairline horizontal ones. They look stunning at display sizes. At small text sizes on screen, those hairline strokes become invisible or jitter at sub-pixel rendering boundaries. Low-contrast or moderate-contrast designs hold up better at the sizes most of your users are actually reading at.

Weight and size: the minimum viable case

WCAG 2.1 specifies minimum contrast ratios for text (4.5:1 for normal text, 3:1 for large text), but it says relatively little about font weight and size specifically. The practical guidance from accessibility research: body text below 16px is problematic for many users; below 12px is problematic for almost everyone. Regular weight (400) with good contrast is safer than light weight (300) at the same size, because thin strokes reduce effective contrast even when the colour contrast ratios technically pass.

Dyslexia-specific considerations

Fonts marketed specifically as "dyslexia fonts" — most famously OpenDyslexic — are controversial. The research on whether they actually help is genuinely mixed; several controlled studies have found no statistically significant benefit over conventional accessible fonts. What the research does consistently support is the importance of adequate letter-spacing, line height, and short line lengths for readers with dyslexia. A conventional font with generous spacing may outperform a specialist dyslexia font at standard spacing.

Practical accessibility checklist
  • Check I/l/1 and 0/O disambiguation in the font
  • Body text at 16px minimum, 400 weight or heavier
  • Line height 1.5–1.7× for body text
  • Line length 55–75 characters (not 100+)
  • Contrast ratio 4.5:1 minimum, 7:1 ideal
  • Avoid light weights for body copy on low-contrast backgrounds
  • Test at 1× zoom (not just your 27" monitor at 2×)

The fonts worth considering

Atkinson Hyperlegible, developed by the Braille Institute, was specifically designed around character disambiguation and is freely available. Inter was optimised for screen readability at small sizes by Rasmus Andersson. Source Sans Pro from Adobe prioritises open apertures and consistent stroke widths. These aren't compromises — they're excellent typefaces that happen to also be genuinely accessible. The trade-off between beautiful and readable is much smaller than designers historically pretended.

Bottom line

Accessible fonts prioritise character disambiguation, open apertures, moderate stroke contrast, and generous spacing. These are also the qualities that make fonts readable under poor conditions — small screens, bright light, tired eyes. Designing for accessibility isn't a constraint on good typography. In most cases, it's a description of it.