Recommendations for new content
Website content (text, links, images, attachments, videos etc.) must be fully accessible.
Below are simplified rules to help users when providing us with new content; please refer to the WCAG 2.1 guidelines for complete rules.
Please note that it is the responsibility of the creator to ensure that all documents posted on our website (images, PDFs, presentations, videos etc.) are accessible.
UK Government published guidelines for images: how to choose and describe images, use alt text, produce accessible graphs, diagrams and infographics
- Images must have a meaningful text alternative (description) that provides the same information presented in the image
- Images that include text as part of the image must have a suitable text alternative, with the exception of logos
- Infographics and charts must have a link to a full description of the content; the alternative text should describe where the description is.
- Links must use some text that is meaningful out of contex: users of screen readers must be able to understand the link without reading the surrounding text. Avoid 'click here' and 'read more'.
- Links must not typed out in full (starting with http or www), but instead be embedded within text: screen readers read out URLs character by character
- All links must open in the same browser window
As much as possible, documents should be published in HTML format and not PDF (see webpages below).
Word documents and PDFs must be fully accessible
- Keep the document structure simple
- Use a sans serif font like Arial or Helvetica, with a minimum size of 12 points
- Text should be left aligned, not justified: justified text creates readability issues for people with dyslexia and other conditions that affect reading and comprehension
- Give the document a meaningful and informative title and hierarchical headings
- Do not use heading styles to highlight information
- Use bold text as little as possible, and not as a substitute for headings
- Do not use bold, underlined or all caps to draw attention to a word or sentence.
- Do not use colour as the sole way to convey important information
- Images must follow the rules stated above
- Links must use text that is meaningful out of context (see above), and not typed out in full
- Run your final document through the programme’s accessibility checker before converting to PDF
In addition to those recommendations, please follow our guidelines Writing for the web: writing to be read, how to make your text easier to read (short sentences and paragraphs for example)
Acrobat Pro offers tools to create accessible PDFs and check the accessibility of existing PDFs.
Tables must follow the recommendations for text documents
Additional recommendation for tables:
- Tables should include a header row if users need it to understand the content of each cell, in relation between the cell and the header row; headers should not be visually communicated by formatting the text using size or colour
- Empty cells within a table should be marked as such with a minus sign, a zero or N/A
- Avoid merging data or header cells; merged cells cause navigation problems
Presentations must follow the recommendations for text documents and tables
Additional recommendation for presentations (either powerpoint or PDF)
- Use unique slide titles, to allow screen readers to skim slides to navigate
- Make hyperlinks, images and tables accessible: see recommendations above
- Set reading order of slide content, this is particularly important if there are more than one text box. Screen readers read the elements of a slide in the order they were added in, which might be different from the intended order.
Video and audio
- Videos and audio must have transcript and captions
- Video or animation must not have content that flashes more than three times a second
Web pages must follow all rules stated above; below is a quick summary how to make web pages accessible
- Web pages must have a unique and meaningful title, as well as hierarchical headings
- Heading styles must not be used to highlight information
- Bold text should be used a little as possible, and should not be used as a substitute for headings
- Images must have a meaningful text alternative (description)
- Images that incude text as part of the image must have a suitable text alternative, with the exception of logos
- Infographics and charts must have a link to a full description of the content
- Tables must include a header row if users need it to understand the content of each cell, in relation between the cell and the header row.
- Links must use text that is meaningful out of context (see above)
- Links must not typed out in full, but instead be embedded within text
- All links must open in the same browser window
You can find more information on the pages for Accessibility training and support on the MSD website