Accessible Typography

Accessible typography means arranging text so people can read it and adjust its appearance to suit their needs. Some readers need larger letters or more space between words and lines. Try enlarging a web page to twice its original size and checking that its text and buttons remain available.

Accessible typography concerns both legibility—distinguishing letters—and readability—following written text. The supplied W3C Web Content Accessibility Guidelines (WCAG) Understanding documents explain requirements for adapting text size, spacing, and presentation. They are informative guidance, rather than experiments proving that one font or layout works best for everyone.

The Resize Text criterion, 1.4.4 at Level AA, requires author-controlled text to support enlargement up to 200 percent without losing content or functionality, without requiring specialized accessibility tools such as a screen magnifier. Captions, which represent media audio as synchronized text, and images of text, which render words as pictures, are excluded. Browser zoom can provide the enlargement; the page must allow it to work effectively. Check any offered intermediate enlargement steps too. This criterion does not itself prohibit horizontal scrolling. [1]

The Text Spacing criterion, 1.4.12 at Level AA, applies to content written in markup languages—languages that describe document structure—when they support the relevant spacing properties. Content must tolerate all four specified user changes together without losing content or functionality: line height, the space allocated to each line, to at least one and a half times the font size; space following paragraphs to at least twice the font size; letter spacing to at least 0.12 times the font size; and word spacing to at least 0.16 times the font size. These are baseline targets for user changes, not required default settings or an unlimited spacing requirement. Properties unused by a particular language and writing system are excepted. The criterion does not require a built-in spacing control. [2]

In a hypothetical booking form, enlarging text or increasing its spacing could make a label overlap the next field. Allowing its containing area to grow can preserve the label and the control. Check the changed layout for hidden words, overlapping text, and unavailable functions. This illustrates the guidance's mechanism: the layout accommodates changed text rather than cutting it off. A reader may also need a wider font than the designer selected; accommodating spacing changes can make other presentation changes more feasible, but does not guarantee every possible setting will work. [1][2]

Visual Presentation, criterion 1.4.8 at Level AAA, addresses blocks containing more than one sentence. A mechanism must be available to let users select text and background colors, achieve widths of no more than 80 characters or glyphs—written symbols—or 40 for Chinese, Japanese, and Korean text, and avoid full justification, which aligns text to both margins. It also covers at least space-and-a-half within paragraphs and paragraph spacing at least 1.5 times larger than line spacing. Text must support enlargement up to 200 percent without horizontal scrolling to read each line in a maximized window on a common desktop or laptop display. These are achievable presentation settings, not mandatory defaults; the browser may provide the mechanism. Presentation settings unused by a writing system are excepted. [3]

These criteria address different checks rather than prescribing a universal order for choosing size, spacing, and fonts. Keep the distinction between supporting enlargement, tolerating user spacing changes, and providing the broader Level AAA presentation options. The supplied guidance does not establish a universal minimum font size, a best font family, or a reading-speed improvement for these checks. [1][2][3]

• Official guidance: Resize Text requires enlargement up to 200 percent without loss of content or functionality, except for captions and images of text. Browser support can supply the enlargement when the content does not prevent it; this criterion does not itself ban horizontal scrolling. [1]
• Official guidance: Text Spacing checks whether applicable markup-based content tolerates the four specified spacing changes together. Its values are baseline targets for user changes, not required defaults, and the page need not supply its own adjustment control. This is an adaptability requirement, not a universal reading-speed effect estimate. [2]
• Official guidance and explanatory rationale: Visual Presentation provides Level AAA requirements for adjustable blocks of text. The document explains that some readers have difficulty tracking long lines or uneven spacing from full justification. Its width limits and other presentation settings must be achievable through an available mechanism, which may be supplied by the browser; they are not universal default-layout rules. [3]

The supplied sources are informative explanations of individual WCAG criteria. They do not establish universal font, screen-reader, cognitive, or behavioral effect sizes, and these checks do not guarantee legal compliance. The booking-form example is hypothetical, not an observed study result. Applicability depends on the criterion, technology, language, and writing system; Level AAA Visual Presentation requirements must not be presented as Level AA requirements. The old lesson's misidentified Nielsen citation has been removed and explicitly replaced by the supplied W3C guidance; the old citation is not treated as verified. Other unsupported font rankings, numerical layout recommendations, and claims about named products have also been removed.