Sign Language Week  17—23 March 2025  Find out more.

Guidance for Inclusive Marketing

 


Typography.png  Typography

Use of fonts, text layouts and text sizes and their effect on accessibility.

Choosing an appropriate typeface

San Serif fonts like Arial, Helvetica, or Verdana offer greater legibility than serif fonts like Times New Roman, Garamond or Georgia.

Example typefaces with ticks and crosses to help guide typesetters toward fonts that are more accessible.

Using all UPPERCASE LETTERS, and therefore fonts that do not include lowercase letterforms such as Trajan or Bebas Neue should be avoided wherever possible. This is particularly important for text set over multiple lines.

Aside from acronyms, informational text (that is, text that is not purely decorative), should not be set in UPPERCASE if you want your text to be accessible. UPPERCASE has its stylistic benefits; it’s punchy, powerful, and strong. If you need to leverage these characteristics to help convey a message, try to use UPPERCASE only:

  • for text that can fit on one line (ideally five words or fewer) and;
  • in a digital setting (web, app, or equivalent) where a user is able to convert UPPERCASE to Sentence Case if they need to for accessibility reasons.
Example of text in Sentence Case with reduced vision (visual demonstration, requires CSS3-compatible browser)
This sentence simulates the experience for a person with reduced vision. Your brain is using the general silhouette of the words, with descenders and ascenders, to help decode it.

Example of text in UPPERCASE with reduced vision (visual demonstration, requires CSS3-compatible browser)
This gets significantly more difficult when every word is in uppercase, because there is no longer as much variance in the words' silhouette. It takes much more processing power to recognise each word and make sense of the sentence.

 

Tracking and Leading

Tracking (the spacing between letters) and leading (the spacing between lines of text) should be adjusted with careful consideration. Tracking and leading that is too tight or too open drastically decreases legibility.

Leading that is too tight can cause crashing (when two lines of text touch or overlap each other), and leading that is too open makes lines feel disconnected, disrupting reading flow.

Visual example of how tracking and leading affect the legibility of text

Paragraphing

When text is set over two lines or more, for best accessibility you should:

  • Left-align text; this makes it easiest for a reader to find the start of a new line. Right- or centrally-aligning text makes this much more difficult. Justified alignment can cause word spacing to become irregular, also affecting legibility.
  • Set text in paragraphs that are 52-78 characters wide. Lines that are too short or to long are less comfortable to read.
Visual example of how paragraphing affects the legibility of text

Text Size

12pt should be a minimum for paragraphs of text. 14pt is better, so is ideal when possible, and should be treated as minimum for Easy Read documents.

Create a clear hierarchy by generously enlarging headings and subheadings.

Visual example of how text size affects legibility

Stylistic choices for emphasis

Using bold text, or adjusting scale is preferred over using italics or underlined text when you want to create emphasis.

Bold and enlarged text maintain or increase legibility, where italics and underlining can impair it.

If you're interested in booking places on a Guidance for Inclusive Marketing Workshop, please contact Disability Sport Wales' Insight and Learning Senior Officer, Dr. Rachael Newport (contact details below)

Please speak to me in English
Please refer to me as: She / Her

 

Accessibility Options

These options options adjust the visual layout of disabilitysportwales.com. If you are using a screen reader, these options will not change your experience, and you may wish to close this Accessibility Options panel and continue browsing the site.


Text Size

Select an option:



Colour

Select an option:



Buttons

Please select your preference:



Paragraph Font

You may optionally select to view this website in Lato or Atkinson Hyperlegible.

Please select your preference:



Use of Capital Letters

You can choose to minimise the use of capital letters for headings and sub-headings if you find them easier to read in Sentence Case. Some text, including acronyms, may still be shown in capital letters.

Please select your preference:



Motion Options

This site sometimes uses animation to bring the content to life. If you'd like to disable this, you can do.

Please select your preference:



Accessibility Statement

Read our Accessibility Statement