The content menu is designed for navigating a content tree structure. It is optimised for showing the current position in the hierarchy, limiting what's displayed to only show pages in the context of the current page.

The first links are the ancestors back to the section home, then a "joint" link for the current page if it has children, or the parent page if there are no child pages for the current page. Lastly is a list of all child pages or, if there are none, the current page plus all siblings.

There can be only one content menu on the page.

The EdGEL javascript collapses the menu down to be revealed with a hamburger button when viewed on mobile devices.

The content menu is a set of nested unordered lists of links. There is a new unordered list every time you drop a level in the hierarchy. Each link carries a class to define its context.

The <nav> element should carry the attribute aria-label="Content navigation" to properly distinguish it from other navigation elements such as the breadcrumb or top nav bar.