Good page design, layout and navigation are essential for some users and helpful for all users. A consistent, predictable layout makes navigation efficient for all users, especially for those relying on assistive technologies.

  • Organize your contents in a logical, clear and sequential manner.
  • Use section headings and meaningful titles per topic so it's easier to read and understand.
  • Use mobile-first designed themes and CSS frameworks for layouts, which means your content is accessible across all devices.
  • Use consistent, persistent navigation with meaningful and clear terminology.
  • Make sure it is possible to navigate through menus and submenus without using a mouse.
  • Provide ways for a keyboard user to skip over menus to the body text.
  • Do use heading elements as provided by your text editor to differentiate titles from text and to show its hierarchy.
  • Use headings in a logical, sequential order, from H3 (Moodle page output uses H1 and H2 already) to H4 to H5.
  • Ensure strong enough contrast between text and its background, and be wary of light shades, especially grey and yellow.
  • Create proper list elements using your text editor tools. Remember to finish each item with a period or comma as appropriate.
  • Provide precise and clear instructions for any tasks or activities.

Remember! Good content navigation allows all users to quickly grasp an overview of the topics and navigate instantly to any section. This is especially helpful to people accessing your material with a screenreader - it is the only way they can scan long content without having to listen to every word.

Return to the category: Accessibility tips