Clear, accessible content can support someone to act independently, make their own decisions, or learn something new.

Approximately 1.5 million people have a learning disability. Over 2 million people have a visual impairment. 10% of the UK population have some form of dyslexia. 4.5% of the population have some form of colour blindness. Creating accessible documents is essential.

Accessible Layouts

Use Headings

  1. Use the Title, Heading, Sub heading and Body options to create documents.
  2. This gives structure of a page and helps screen readers and keyboard navigators move through the content and not miss relevant information or links.

Avoid Tables

  1. Tables are generally not accessible for screen readers. Especially if you require the reader/user to provide information in your document.

Break up Large Areas of Text

  1. Keep paragraphs small.
  2. Use sub-headings above paragraphs which clearly identify what that paragraph is about.
  3. Move to a new paragraph if you change your theme in terms of Time, Place, Topic or Person (TiPToP).
  4. If possible, consider keeping paragraphs to one or two sentences.
  5. This makes content easier to read and understand especially for readers with visual impairments or learning difficulties.

Keep Font Sizes Large

  1. Recommended 18 for headings and 12 or 14 for body text.
  2. Do not go below font size 12 for body text.
  3. Do not use italics.
  4. Recommended fonts are Sans Serif options, such as Arial.

Consider Colour Contrast

  1. Do not rely on colour to distinguish information, always use text as well.
  2. If using hyperlinks, always underline as well as using the blue colour. Consider also using bold.
  3. If using colour for the text or background, the colour contrast ratio should be 4.5:1 or above.
  4. Recommended to use dark font colour (dark blue or black) on a light background. White gives the highest contrast ratio for those with visual impairments. However, a light colour background (i.e., not white) is more accessible for those with dyslexia or learning difficulties or disabilities.

Accessible Language

Keep Content Clear

  1. Use clear language and avoid the use of jargon wherever possible.
  2. Do not use symbols in place of words, for example do not use & instead of and.
  3. Keep sentences short and remember TiPToP.
  4. If you require the reader/user to provide information, in each section consider adding a sentence to describe what you are looking for.
  5. For hyperlinks, be clear what you are linking to and avoid “Click here” links.
  6. If appropriate, use images which explain what the text is about.

 

Accessible Images

Correctly Label Images

  1. All images should be captioned and alt text must be provided as this allows screen readers to inform the reader/user about the image.
  2. Alt text is a description of the content of an image, whereas captions provide more contextual information. Make sure it is informative and descriptive.
  3. If using images of text (e.g., statistics) ensure the alt text details the same text in the image. Although if you are using an image of text, it is especially important to consider font, font size and colour contrast as these cannot be adjusted by the reader/user when in an image.
  4. In a document you can add alt text by clicking on Review tab and selecting Check Accessibility and Alt Text.
  5. A logo or design element can be marked as ‘decorative’ and will be ignored by screen readers.

 

Review your Document

Remember to Check Accessibility when you have created your document.

  1. Go to the Review tab and select Check Accessibility.
  2. Results will be displayed to the right of your document. Make the required changes.
  3. When saving as a PDF, select Document structure tags for accessibility checkbox then select OK. Or select Options and ensure Enable Accessibility and Reflow with tagged Adobe PDF is checked.