Guidance for Inclusive Marketing

This resource is based on our workshop of the same name, and should be treated as a starting point for making your club, group, or organisation's marketing more inclusive of disabled people. It is intended to help you think about what could improve an experience for a disabled person, rather than as an exhaustive checklist.



Why make communications accessible?

These statistics represent people who may benefit from a more accessible route to physical activity (including sport):

23% of the working age population (Age 16 - 64) in Wales consider themselves to have an impairment. That's 713,000 people.
Source: Stats Wales: Summary of economic activity in Wales by year and disabled status.

1 in 12 (8%) men, and 1 in 200 (0.5%) women in the UK have a colour vison deficiency (Colour Blind). This represents approximately 133,000 people in Wales.
Source: NHS.uk

1 in 8 (12%) of the Welsh population have not reached Level 1 of basic literacy skills. This is roughly 380,000 people.
Source: Institute of Welsh Affairs 2015

63% of Disabled Adults take part in sport less than once a week.
Source: Active Wales Survey 2018


How to reach your audience

  • Explicitly reference any inclusive opportunities
  • Use a range of communication channels – Social Media, Newspapers, Radio, disability organisations and charities
  • Clearly state how an individual can request alternative formats of resources (Contact disability organisations for support if you are unsure about formats)
  • The more inclusive the original marketing resource is, the less likely it is for someone to require an alternative version

Solutions are often small, and incur low or no cost at all. Many just require a slightly different way of thinking. Multiple solutions developed together often have the biggest impact in terms of accessibility.


Icon of a capital T denoting the Typography section

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.


Icon for Colour Contast

Colour and Contrast

Aim for 4.5:1 as a minimum.

A contrast ratio of 4.5:1 meets Web Content Accessibility Guidelines to Level AA standard.

This is guidance for colour contrast in web and digital applications but is a great rule-of-thumb for printed materials too. This, broadly speaking, means text is either 4.5x darker or lighter than the background it’s placed on.

Where possible, provide an even higher-contrast option. 7:1 meets Level AAA standard.

Visual example of good and bad colour contrast

Book icon

Easy Read

Easy Read formatting is designed to assist people with learning impairments more than people with visual impairments.

Text is high contrast, in easily legible fonts, and is partnered with photos or illustrations that help explain the content.

Guidance, training and translation is available from Learning Disability Wales.

Sample of content in an Easy Read format

Speech bubble icon

Terminology and Tone

Making content more accessible isn't just about its presentation; it can be about the content itself.
 

Use language that reinforces equality


Tick  Good example
"In our sports club, disabled and non-disabled people are actively encouraged to join in."

Cross.png   Bad example
"In our sports club, able-bodied people love seeing the disabled join in around their club."

In the good example, both disabled and non-disabled participants are treated with parity. The message is positive, and neither of the demographics referred to is given preference.

In our bad example, the intention of the sentence is positive; to say that disabled people are actively included in the club, but has been conveyed in a demeaning manner. It positions the disabled participants in question as being less-than, or even a novelty. It should also be noted that "non-disabled" is preferred over "able-bodied", but we'll expand on that imminently.

Use of appropriate language


Certain language can be offensive when speaking to or referring disabled people. 

Considered preferred language:
Tick Disabled Person
Tick Disabled Athlete
Tick Person with a disability
Tick Athlete with a disability
Tick Wheelchair user
Tick Physical Disability
Tick Impairment
Tick Visually impaired
Tick Partially sighted
Tick Mental health problem
Tick Intellectual impairment
Tick Learning disability
Tick Hard of Hearing
Tick Dwarf
Tick Autistic person / Person on the autism spectrum
Tick Non-disabled

Use carefully:
Tilde Blind
Tilde Deaf

Words and terms to avoid:
Cross Deaf and dumb
Cross Mute
Cross Retard / Retarded
Cross Handicapped
Cross Invalid
Cross Cripple
Cross Suffers from...
Cross Spastic
Cross Wheelchair bound
Cross Normal
​​​​​​​Cross Able-bodied

 

Table: Tips to replace negative, offensive or inaccurate terminology

Term(s) Use instead
Cross Deaf and Dumb
Cross Mute
Tick Disabled person
or perhaps:
Tick Speech and language difficulty
Cross Retard
Cross Retarded
Tick Disabled person
or perhaps:
Tick Learning disability
Tick Person with a learning disability
Cross Handicapped
Cross Invalid
Cross Cripple
Tick Disabled person
or if appropriate:
Tick Wheelchair User
Tick Physical disability
Cross Wheelchair bound Tick Wheelchair user
"Bound" adds unnecessary emotional context, and implies a lower quality of life.
Cross Normal Tick Non-disabled
It is unfair to consider disabled people to not be "normal"
Cross Able-bodied Tick Non-disabled
There are plenty of disabled people who are "able-bodied".

Cross Spastic

Referring to a person, it is incredibly offensive and derogatory.

When referring in a medical context to muscular spasticity, its use may be appropriate. If you're at all unsure if you're using it correctly, just don't use it.

Tick Disabled person
Cross Suffers from...

If there is a need to identify or discuss an individual’s disability, then avoid negative phrasing.

Tick  “Bill has Downs Syndrome”
  rather than
Cross  “Bill suffers from / is a victim of / was stricken by Downs Syndrome”

Tilde Blind
Only applies to people severely sight impaired.

If not appropriate, use:
Tick Partially sighted
Tick Visual impairment

Tilde Deaf

If not appropriate, use:
Tick Hard of hearing
Tick Hearing impairment

Camera icon

Use of Imagery

If you are trying to portray sport, make sure the photo is active i.e. shows sport being played.

Two male-presenting disabled people are playing table tennis. Both are playing in standing positions assisted by crutches. The player nearest to the camera is a single-leg amputee. They have played the ball, and the other player is preparing to return it.

Where a specific level of ability is required for a session, make sure this is reflected in the images.

Professional para athletes line up to start a wheelchair race. They are wearing helmets, race numbers, and national-level kit (GB, Czech, France and Swiss kits are clearly visible). The race is outdoor, on a road, and there is a crowd of supporters.

This image is clearly representative of elite-level parasport, and is not appropriate to illustrate an entry-level opportunity.

Four male-presenting young people playing boccia in a sports hall. One is a powerchair user, the other three are sitting in collapsible chairs. They are playing a 2v2 format, and the blue team are smiling..

When trying to demonstrate a session is inclusive make sure the image demonstrates inclusion, not separateness.

Images online

To allow images to be accessible to blind and visually impaired people, it is vital that images placed online are given an Alt tag. This alt tag is read by a screen reader, and if used correctly, allows a visually impaired user to understand the content.

An ideal alt tag is a balance between being concise but descript. What is the purpose of the image? What point is it helping to convey or reinforce?

The images in the previous section were given the following alt tags to help describe their content to a screen reader user:

Image one:

"Two male-presenting disabled people are playing table tennis. Both are playing in standing positions assisted by crutches. The player nearest to the camera is a single-leg amputee. They have played the ball, and the other player is preparing to return it."

 

Image two:

"Professional para athletes line up to start a wheelchair race. They are wearing helmets, race numbers, and national-level kit (GB, Czech, France and Swiss kits are clearly visible). The race is outdoor, on a road, and there is a crowd of supporters."

 

Image three:

"Four male-presenting young people playing boccia in a sports hall. One is a powerchair user, the other three are sitting in collapsible chairs. They are playing a 2v2 format, and the blue team are smiling."


Additional Tools

Microsoft Office Accessibility Tools

What the Check Accessibility button in Microsoft Office looks like

In all Office applications under the review menu there is a check accessibility function, this will give feedback and suggested improvements on language, colour contrast, use of images and other key accessibility issues.

Results of an accessibilty inspection

If you tick the box that says “Keep Accessibility Checker running while I work” this will keep checking and flag up any issues as you work.

Subtitles to support video content

Some software include subtitling / captioning as an automatic function (Teams, YouTube etc). Their functionality is varied, and quality can differ, but can support in some cases. 


Social Media Considerations

  • Consider using images, illustrations, video, audio, and symbols to help clarify meaning
  • Don’t overuse Hashtags (max of 3), make sure each hashtag starts with a capital so it will be recognised by a screen reader
  • Use captions and subtitles for videos - this opens the content up to everyone and not just those with hearing impairments
  • Only use a GIF if it adds value to the content; research has found that people with some cognitive or visual impairments find GIFs difficult to engage with and may distract users from the message

Twitter

  • Capitalize the first letter of each word in a hashtag; notice how much more easily you can read #DSWSocialMedia versus #dswsocialmedia.
  • Avoid using acronyms in your posts where possible.
  • If you have a hyperlink in your tweet, indicate what type of resource it leads to by adding [PIC], [VIDEO] or [AUDIO].
  • Use a URL shortener (Tiny URL or another) to minimize the number of characters in the hyperlink.

  • Place mentions and hashtags at the end of your tweets.

  • Use ALT text to support images.

Facebook

  • Add a caption file, or use YouTube’s captioning services for Facebook videos

    There are two options available:

    1. 1. Click Edit after uploading a video and add a SubRip Subtitle (SRT) file, which is a video captioning file format. or
    2.  Upload your video to YouTube first and add captions there.
       
  • Use ALT text to support images. Facebook adds machine-generated alt text automatically. This feature gives general information: whether there are cars, trees, water, or people in it. Although this feature is useful, it doesn’t provide as much context as human-generated alt text.
    To change the alt text of a photo after you've posted it:

    1. ​​Click the photo to open it.

    2. Click the three dots in the top right and select Change Alt Text.

    3. Click Override generated alt text or change the alt text in the text box. You can also click Clear to change your edited alt text back to the automatically generated text.

    4. Click Save.

  • Avoid using acronyms in your posts

  • Like Facebook’s Accessibility Page for updates on new accessibility features


Further Information

Accessibility for people who are deaf or hard of hearing:
 

British Sign Language
www.britishsignlanguage.com

Induction Loops
www.hearinglink.org

Text Phone 
www.relayuk.bt.com
www.rnid-typetalk.org.uk

 

Accessibility for people with a learning disability:
 

Makaton
www.makaton.org

Easy Read
www.easy-read-online.co.uk
www.disabilitywales.org

Mencap
www.mencap.org.uk/easyread​​​​​​​

 

Digital Accessibility Centre
 

Gavin Evans
Mobile: 07936 685804
Office: 01792 815 267
Email: gavin.evans@digitalaccessibilitycentre.org
www.digitalaccessibilitycentre.org

 

Accessibility Options

Text Size

Select an option:



 

Colour

Select an option:


 

The Light colour mode is designed using Disability Sport Wales brand colours, to meet Web Content Accessibility Guidance Level AA. This should provide good contrast for most users.

The Dark colour mode also uses Disability Sport Wales brand colours, but inverts light and dark to create a "night mode" version. It is intended for people who dislike bright screens, or wish to use their display in a more energy-efficient way. This option does not meet Web Content Accessibility Guidance Level AA, so may not be suitable for users with visual impairments.

The Calm colour mode uses colours which may be more suitable for users who are sensitive to bright colours, or prefer lower contrast. This option does not meet Web Content Accessibility Guidance Level AA, so may not be suitable for users with visual impairments.

The High Contrast option is tailored to meet Web Content Accessibility Guidance Level AAA, and is intended to make this website as accessible as possible to users with the lowest visual acuity. Ideal use of this setting would be combined with Medium Text or Large Text text sizes.


Buttons

Our default button style uses block-colour backgrounds that contrast against the page background.

You can optionally change this to use buttons that maintain the same background colour and text colour as the main website content, and signifies that is a button with an outline. This may be preferred by users who can read light-on-dark or dark-on-light with greater comfort.

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: