105Module head

The header of a single module's page: which module of how many, its title, and what it covers.

Use it for

The top of a module page, above its units

Not for

The track page — that is Track
A lesson — units inside a module use the unit row

Module head

Salesforce Administrator · Module 2 of 8

Security and access

Profiles, permission sets, roles and sharing — in that order, because each one only makes sense given the last.

markup

<header class="ns-modulehead">
  <span class="ns-modulehead__crumb">Salesforce Administrator · Module 2 of 8</span>
  <h1 class="ns-modulehead__title">Security and access</h1>
  <p class="ns-modulehead__lede">Profiles, permission sets, roles and sharing — in that order, because each one only makes sense given the last.</p>
</header>

Accessibility contract

The crumb states position in words (“Module 2 of 8”), not just a number, so it is meaningful read aloud out of context