Accessible Document Basics

Posted:
Tagged with:

Accessible digital content is fundamental to good communications. Inclusive, user-centred design is fundamental. The content you add and how you format it can make a huge difference to accessibility. Following this checklist will help you to create accessible, user-centred documents.

1. Use proper heading styles

Microsoft guidance on accessible headings.

2. Use selectable text

Write meaningful link text (text that links to a web address) that describes its destination. It needs to make sense when it is read out of context so embed the link in to text that describes where the link is going to take you:

Microsoft guidance on accessible links.

4. Use lists

5. Use alternative text

Add appropriate alternative text (alt text) if possible – or a full text alternative if the image conveys information not otherwise available.

Microsoft guidance on alternative text.

Make Things Accessible guide to creating meaningful alternative text.

6. Use good table structure

If your data is best presented in a table, try to keep the table simple.  Table structure matters. Don't use tables simply for layout; only use a table to display data.

Microsoft guidance on creating tables in documents.

7. Don't rely on colour alone

Don't use colour alone to convey meaning (many people are colour blind). For example different coloured lines on a line graph, or Red, Amber, Green (RAG) status boards, without accompanying text for each status, or different line patters such as using dashes.

If using text on a coloured background or image background, you need to check its colour contrast. There are online tools available to help you check colour contrast:

8. Use Sans Serif fonts

Fonts and styles can make a big difference to how accessible your information is.

9. Use plain English

Use these Plain English techniques to help you edit your draft texts and documents. Editing your text into plain English will make it clearer and more concise; this helps everyone quickly understand your message and is especially helpful to assistive technology users and those with dyslexia.

10. Check your work

Check the accessibility of your work for example using the Accessibility Checker in Microsoft Office.

Further information

Microsoft Office's Accessibility Centre.

Share on:

TwitterLinkedIn

Site preferences

Please feel free to display our site, your way by finding the preferences that work best for you. We do not track any data or preferences at all, should you select any options in the groups below, we store a small non-identifiable token to your browser's Local Storage, this is required for your preferencesto persist across pages accordion be present on repeat visits. You can remove those tokens if you wish, by simply selecting Unset, from each preference group.

Theming

Theme
Code block theme

Code theme help

Code block themes can be changed independent of the site theme.

  • Default: (Unset) Code blocks will have the same theme as the site theme.
  • Light 1: will be default for users viewing the light theme, this maintains the minimum 7:1 (WCAG Level AAA) contrast ratio we have used throughout the site, it can be quite difficult to identify the differences in colour between various syntax types, due to the similarities in colour at that contrast ratio
  • Light 2: drops the contrast for syntax highlighting down to WCAG Level AA standards (greater than 4.5:1)
  • Dark: Syntax highlighting has a minimum contrast of 7:1 and due to the dark background differences in colour may appear much more perceivable

Motion

Motion & animation

Motion & animation help

  • Default (Unset): Obeys device settings, if present. If no preference is set, there are subtle animations on this site which will be shown. If you have opted for reduce motion, smooth scrolling as well as expanding and collapsing animations will no longer be present, fading transtitions and micro animations will still be still present.
  • None: All animations and transitions are completely removed, including fade transitions.

Links

Underline all links

Underline all links help

  • Default (Unset): Most links are underlined, with a few exceptions such as: the top level links in the main navigation (on large screens), cards, tags and icon links.
  • Yes: Will add underlines to the exceptions outlined above, resulting in every link being underlined

Text and paragraphs

Font size (main content)

Font size help

This setting does not apply to the site's header or footer regions

  • Default (Unset): Font sizes are set to site defaults
  • Selecting Large or Largest will increase the font size of the main content, the size of the increase depends on various factors such as your display size and/or zoom level. The easiest way to determine which option suits you best would be to view this text after clicking either size's button
Letter spacing

Letter spacing help

  • Default (Unset): Default letter spacing applies
  • Increased: Multiplies the font size by 0.12 and adds the sum as spacing between each character
Line height

Line height help

  • Default (Unset): all text has a minimum line height of 1.5 times the size of the text
  • Increased: all text has a line height of twice the size of the text
Paragraph spacing

Paragraph spacing help

Paragraph spacing help
  • Default (Unset): The space between paragraphs is equivalent to 1.5 times the height of the paragraph's text
  • Increased: The space between paragraphs is equivalent to 2.25 times the height of the paragraph's text
Word spacing preference

Word spacing help

  • Default (Unset): No modifications to word spacing are present
  • Increased: Spaces between words are equivalent to 0.16 times the font size