Guidance for staff on creating accessible content for Moodle

Some simple rules to follow for making your content accessible.

Content created for Moodle must be compatible with assistive technology and based on the following guidance.

Use of colour

  • All Moodle course pages have a defined template and use of colour is limited to black and blue for text.

Font style

  • Ensure fonts are large enough to read in all documents.
  • Text in MS PowerPoint, MS Word and PDF files designed for online consumption are of minimum 12pt.
  • Where possible, favour moveable text (e.g. MS Word over PDF) where users can increase font size. 
  • Use appropriate font styles - sans-serif, cross-platform compatible fonts, e.g. Arial, Helvetica, Verdana or Tahoma.

Text style

  • Avoid fully-justified text (which aligns to both the left and right edges), as it creates rivers of white space and slows reading on a screen.
  • Avoid italicised and CAPITALISED text - it is more difficult to read on a screen.
  • Use bold text for emphasis.
  • Never use underlines for emphasis only links. 
  • End bullet points with a full-stop or semi colon so screen-readers pause after that sentence.

Development

  • PDF and Word documents should be created with accessibility in mind. Add alt-text to images and use the Styles tab to add headers (see UK Gov's Creating accessible pdfs guidance document).
  • When using Web Page templates, be sure to set alt-text, titles and Aria-labels for images.
  • iframes should be given a meaningful and descriptive title attribute.
  • Use headings in the correct order; reserve H1 and H2 for titles (styled within templates) and add H3 and H4 within sections of text as needed.

Media

  • A text transcript should be available for recorded audio resources. 
  • A text transcript or subtitles should be available for recorded video resources.
  • Video and audio resources embedded into Web Pages should have playback controls available.

Navigation and layout

  • Links should generally open in the same window so the browser back button can be used. If an external link is used to direct users away from NOW, the templates will automatically add an ‘external link’ icon.
  • Use descriptive links - avoid 'click here'.
  • Use a standard content area layout for consistency on Moodle pages.
  • Tables should only be used for tabular data, not for content layout; use table headings where appropriate.