wielkareklama.eustudio
Home › Guides › Design principles

Readable Design for Everyone: Contrast, Text Size and Accessibility

Design principles8 min read · Updated:

In brief

For good readability, the contrast between text and background should be at least 4.5:1 (WCAG level AA). Large text, meaning 18 pt or 14 pt bold and above, needs at least 3:1. For older and partially sighted readers, aim for 7:1. In print, set body text on a flyer or menu at 10–12 pt (12–14 pt for older audiences) and keep small print no smaller than 6–7 pt. On banners, allow roughly 1 cm of capital height for every metre of distance from which the text needs to be read.

A design can look beautiful, but if customers can't read the phone number on a flyer or the prices on a menu, the advertising isn't working. Readability isn't a matter of taste. It comes down to a handful of measurable factors: contrast, text size, typeface, colour and wording. This guide sets out the specific thresholds we use when preparing files for print. It also shows how to make a design comfortable for older readers, people with low vision and those with colour vision deficiency.

How much contrast between text and background is enough?

The best benchmark is WCAG, the international standard for accessible digital content. Contrast is expressed as a ratio of the luminance of two colours. It runs from 1:1 (the same colour) to 21:1 (black on white). WCAG was written for websites, but the same thresholds work well on paper because the eye works the same way.

WCAG treats text of 18 pt and above, or 14 pt bold and above, as large text. Large text can get away with lower contrast because heavier letterforms are easier to pick out from the background. Always apply the stricter threshold to small text, contact details and prices.

Type of contentLevel AA (minimum)Level AAA (recommended for older readers)
Normal text (below 18 pt)4.5:17:1
Large text (18 pt or 14 pt bold and above)3:14.5:1
Icons, pictograms, chart lines3:13:1

How do you apply WCAG to print?

Contrast checkers work with RGB or HEX values, but print houses work in CMYK. Check the contrast using the RGB equivalents of your colours and build in some headroom, because the result on paper depends on the stock. Uncoated and recycled papers absorb ink and slightly dull the colours. Dark backgrounds print lighter and pale tints lose their punch.

Set small black text as 100% K, with no other inks mixed in. Rich black in small type creates coloured fringes and blurring with even the slightest misregistration. For reversed-out text, meaning white on a dark background, use a slightly larger and heavier weight. Ink from the background tends to fill in thin strokes.

Minimum text size in print

Type size is measured in typographic points. 1 pt is approx. 0.353 mm, so 12 pt equals a body height of approx. 4.2 mm. The actual size of the letters depends on the typeface, though. At the same point size, some fonts have noticeably taller lowercase letters than others. Treat the ranges below as a starting point and always judge a proof printed at 100% scale.

Food labels must also meet the EU food information rules, which also apply in UK law. Mandatory information must have a lowercase x-height of at least 1.2 mm. On packaging whose largest surface is under 80 cm², the minimum is 0.9 mm.

ProductHeading / key informationBody textAbsolute minimum
Business card 85×55 mm (UK/Ireland) or 90×50 mmname 10–14 ptcontact details 7–9 pt6 pt
Flyer A6, A5, DL18–36 pt9–11 pt (12 pt for older readers)7 pt
Menu / price list A4, A5dish names 12–16 ptdescriptions 10–12 pt, prices min. 11 pt8 pt
Poster A360–120 pt14–20 pt12 pt
Poster A2, A1100–250 pt20–36 pt16 pt
Certificate A4name 24–48 pt12–16 pt10 pt
Swing tag / labelname 10–16 pt7–9 pt6 pt

How large should lettering be on banners, roller banners and shop signs?

With large formats, what matters is the distance from which people read the text. A practical rule of thumb in outdoor advertising is approx. 1 cm of capital height for every metre of comfortable reading distance. With a bold, simple typeface and high contrast you can go slightly smaller. A thin or decorative font needs more.

Keep text to a minimum on banners and roller banners, because passers-by only have a few seconds. A headline, one benefit and your contact details are enough. Put everything else on a flyer.

MediumTypical reading distanceCapital height for the headlineLetter height for contact details
Roller banner 85×200 cm2–5 m6–12 cm2.5–4 cm
Shop sign 100–120 cm wide5–15 m8–15 cm3–6 cm
Fence banner 300×100 cm10–20 m15–25 cm8–12 cm
Roadside banner 500×100 cm20–30 m25–35 cm12–18 cm

Designing for older and partially sighted readers

As we age, the eye needs more light and struggles to tell similar shades apart. The lens also yellows, so pale blue and light grey text merges into the background. For this audience, increase body text to 12–14 pt and aim for 7:1 contrast. The same approach helps people with low vision and anyone reading in poor light.

The typeface matters as much as the size. Choose fonts with open letterforms, clearly distinct characters (I, l, 1 and O, 0) and a medium stroke weight.

Colour blindness: don't rely on colour alone

Colour vision deficiency mainly affects men, and confusing red with green is the most common form. People with this condition do see colour, but pairs such as red–green or brown–green can look almost identical. So the problem isn't colour itself. It's information conveyed by colour alone.

The simplest test is to convert your design to greyscale. If the headline, the price or a label still stands out, the design is safe. Design software also offers colour blindness simulation, for example in the proof colours settings.

Plain language and checking your design before print

Readability is also about language. Short sentences, familiar words and one main message per piece mean everyone can understand the text, including people reading in a second language. Write in the active voice: rather than 'orders are processed', write 'we process your orders'. Give numbers, times and prices as figures.

Before sending to print, print the design at 100% scale on an ordinary office printer. Then read it from the distance at which it will be viewed. If you order a design from plakaty.shop (wielkareklama.eu studio), the text is checked automatically. Always read phone numbers, addresses and opening hours through yourself as well.

Checklist

  • Text-to-background contrast at least 4.5:1, or at least 3:1 for large text
  • Body text at least 10 pt, or 12–14 pt for older readers
  • Small black text set as 100% K
  • No text over busy areas of a photograph
  • Design still readable after conversion to greyscale
  • Colour-coded information also has an icon or label
  • Banner lettering sized for the reading distance
  • Short sentences and one main message
  • All text, phone numbers and addresses proofread personally

FAQs

What text contrast meets WCAG?

Level AA requires contrast of at least 4.5:1 for normal text and 3:1 for large text, meaning 18 pt or 14 pt bold and above. Level AAA raises these to 7:1 and 4.5:1. In print it's worth building in some headroom, because paper and ink can reduce contrast.

What is the minimum font size for a flyer?

Set body text on a flyer at 9–11 pt, or 12 pt if your audience is older. Small print, such as terms and conditions for an offer, shouldn't go below 7 pt. Make your final judgement on a proof printed at 100% scale, because different typefaces look different at the same size.

How large should banner lettering be to read from a distance?

Allow approx. 1 cm of capital height for every metre of distance from which the text will be read. For a banner viewed from 20 m, the headline should be about 20 cm high. A bold, simple typeface and high contrast improve readability more than simply making the letters bigger.

Which colours should I avoid for colour-blind readers?

The riskiest pairs are red–green, green–brown and blue–purple of similar lightness. The key is to make sure colours differ in lightness and that no information is conveyed by colour alone. Check your design in greyscale or with a colour blindness simulator.

Which font is most readable for older people?

Sans serif or serif typefaces with a medium stroke weight work best. Look for open letterforms and clearly distinct characters such as I, l and 1. Avoid thin, condensed and decorative fonts. Set body text at 12–14 pt with 120–150% leading.

Read next

Design principlesHow to Design a Flyer That Works: 9 StepsDesign principlesHow to design an advertising poster that's visible from a distanceDesign principlesHow to Design a Business Card: What It Must IncludeIndustriesRestaurant and Café Advertising: Flyers, Posters, Menus and Graphics: Ideas and Examples

All guides →