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.