Most readability problems come from four choices: text too small, contrast too low, lines too long, and spacing too tight. Each has a defensible standard, and fixing them helps every visitor rather than a subset.

Why this is the highest-return accessibility work

Most accessibility fixes help a specific group. These help everybody.

Low contrast is harder for people with visual impairments and it is also harder for a person outdoors in sunlight, on an older screen, or reading tired at the end of the day.

Small text is a barrier for older visitors and it is also a barrier for anybody reading on a phone held at arm's length.

Which means this is not a subset accommodation. It is a correction of design choices that were made on a large bright screen at close range and never checked anywhere else.

Contrast

The most common failure and the easiest to check.

The established guidelines set a minimum contrast ratio between text and its background, with a higher requirement for normal text and a lower one for large text. Free contrast checkers give you the number in seconds.

The usual cause is grey body text on white, which designers choose because pure black can feel harsh. A softer grey is fine; a light grey is not, and the line between them is exactly what the ratio measures.

Two other frequent failures: text placed over a photograph, where the contrast varies across the image, and light text on a mid-tone brand colour, which frequently fails while looking acceptable in a mockup.

Where text sits over an image, a solid overlay or a text panel is more reliable than hoping the photograph is dark enough in the right places.

Size

Body text on a small business site is frequently smaller than it should be.

A reasonable floor for body text is around sixteen pixels, and slightly larger reads better on a phone. Anything at thirteen or fourteen is a choice made for appearance at the cost of readability.

The related failure is secondary text: captions, footnotes, form hints, and disclaimers set several sizes smaller. Those frequently carry the information a visitor most needs, such as what a form field requires or what a price excludes.

Also worth checking: that text scales when a visitor increases their browser or device font size. Layouts using fixed pixel heights frequently break or clip text when this happens, which is worse than small text.

Line length and spacing

Less discussed and genuinely affects comprehension.

Lines that run the full width of a wide screen are hard to track, because the eye has to find the start of the next line across a long distance. Somewhere around sixty to eighty characters is comfortable.

Line spacing that is too tight makes paragraphs read as a block. Something around one and a half times the font size is a reasonable default for body text.

Paragraph spacing matters as much. Text with no visual separation between paragraphs is skipped rather than read, which for a business site means the content nobody reads was written anyway.

The choices that make text harder

Dark backgrounds

Worth a note because it is a common design choice.

Light text on a dark background can meet contrast requirements and still be tiring to read at length, and pure white on pure black is the harshest version.

Where a dark section is used, softening both ends, so the text is slightly off-white and the background slightly off-black, is easier to read while looking the same.

Long-form content is generally better on a light background, with dark sections used for shorter blocks.

Checking your own

  1. Run your body text and background through a contrast checker.
  2. Check text over images, at the lightest part of the photograph.
  3. Read a page on a phone outdoors, which is the honest test.
  4. Increase the browser font size and confirm nothing clips.
  5. Check the small text specifically, since captions and form hints are usually the worst.
  6. Ask somebody over sixty to read a paragraph.

The third and sixth find things no checker reports, and the sixth in particular tends to end the argument about whether the text is large enough.

These changes are typically a small number of style adjustments rather than a redesign, and they sit alongside the other proportionate measures described in where accessibility becomes an obligation.

Frequently asked questions

Why is readability the highest-return accessibility work?

Because it helps everybody rather than a subset. Low contrast is harder for people with visual impairments and also for anybody outdoors, on an old screen, or reading tired.

What causes most contrast failures?

Grey body text on white, chosen because pure black feels harsh. A softer grey is fine and a light grey is not, and the ratio is exactly what measures the difference.

How large should body text be?

Around sixteen pixels as a floor, slightly larger for phones. Secondary text such as captions and form hints is frequently the worst offender and carries information people need.

What about line length?

Full-width lines on a wide screen are hard to track. Around sixty to eighty characters is comfortable, with line spacing near one and a half times the font size.

Which choices make text harder to read?

Justified text, long passages in capitals, italic for anything long, light-weight fonts at small sizes, decorative fonts for body text, and centred paragraphs.

What is the honest test?

Reading a page on a phone outdoors, and asking somebody over sixty to read a paragraph. Both find things no contrast checker reports.

West Coast Media Solutions Inc. provides web design, web development, hosting, digital marketing, and business consulting to organisations across Canada, drawing on more than twenty-five years in the field.

Body text that looked right on your monitor?

We check the contrast ratios and the small text, which is usually a handful of style changes rather than a redesign.

Start a Conversation